From 1c02678a7e86335d1dfe6394d1d6cf3e9b54fbf3 Mon Sep 17 00:00:00 2001 From: Thomas Camlong Date: Mon, 20 Jul 2026 23:39:57 +0200 Subject: [PATCH] fix(custom-widgets): finish v2 hardening --- .agents/skills/homarr-custom-widget/SKILL.md | 22 +- .../references/component-catalog.json | 1 + .../references/components.md | 463 +- .../references/examples.json | 82 + .../references/homarr-components.md | 14 +- .../references/mantine-charts.md | 702 +- .../references/mantine-core.md | 8948 +---------------- .../references/mantine-dates.md | 1380 +-- .../references/runtime.md | 14 + .../references/widget-schema.json | 478 + .oxfmtrc.json | 1 - apps/docs/docs/management/api/index.mdx | 8 +- .../custom-widgets/agent-authoring.mdx | 11 +- .../management/custom-widgets/authoring.mdx | 37 +- .../management/custom-widgets/custom-jsx.mdx | 175 +- apps/docs/docs/management/mcp.mdx | 2 + apps/docs/docs/management/workshop/index.mdx | 12 +- apps/docs/package.json | 1 - .../docs/scripts/check-custom-widgets-ste.mjs | 217 - .../docs/scripts/custom-widgets-ste-terms.mjs | 125 - .../custom-jsx-component-reference.module.css | 10 +- .../custom-jsx-component-reference.tsx | 115 +- .../src/components/workshop/WorkshopPage.tsx | 16 +- .../custom-widgets/component-catalog-v1.json | 2 +- apps/nextjs/package.json | 1 + .../_copy-ai-prompt-button.spec.tsx | 18 +- .../_custom-widget-form-utils.spec.ts | 21 +- .../_custom-widget-form-utils.ts | 10 + .../custom-widgets/_custom-widget-form.tsx | 16 +- .../_use-custom-widget-form-actions.ts | 17 +- .../custom-widgets/authoring-prompt/route.ts | 1 + .../app/api/custom-widgets/schema/route.ts | 9 + .../src/app/api/mcp/[transport]/route.ts | 5 +- .../components/workshop/workshop-browser.tsx | 45 +- .../components/workshop/workshop-client.ts | 15 +- .../workshop/workshop-install-button.tsx | 22 +- .../workshop/workshop-installer.tsx | 25 +- apps/workshop/Dockerfile | 3 +- apps/workshop/README.md | 15 +- apps/workshop/docker-compose.yml | 1 - apps/workshop/entrypoint.sh | 1 - apps/workshop/pb_hooks/users.pb.js | 6 - .../1784240000_workshop_widgets.js | 4 +- apps/workshop/test.sh | 18 +- apps/workshop/tests/workshop.integration.mjs | 25 +- e2e/custom-widgets-custom-jsx-v2.spec.ts | 101 + .../custom-widget/custom-widget-router.ts | 31 +- .../router/custom-widget/definition-insert.ts | 43 + .../custom-widget/metadata-procedures.ts | 1 + .../custom-widget/transfer-procedures.ts | 39 +- .../router/test/widgets/custom-api-v2.spec.ts | 202 + packages/custom-widgets/package.json | 1 + .../scripts/check-architecture.mjs | 8 +- .../custom-widgets/scripts/component-docs.ts | 38 +- .../scripts/generate-component-metadata.ts | 42 +- .../scripts/generate-skill-content.ts | 17 + packages/custom-widgets/src/core/ai-prompt.ts | 13 +- .../src/core/authoring-resources.ts | 14 +- .../src/core/component-catalog-types.ts | 16 - .../src/core/component-catalog.generated.json | 2 +- .../src/core/component-example.ts | 57 + .../src/core/component-registry.ts | 15 +- .../src/core/component-runtime.generated.json | 1 - .../src/core/definition-security.ts | 2 +- .../src/core/embedded-ai-prompt.ts | 18 +- .../custom-widgets/src/core/options-schema.ts | 86 +- packages/custom-widgets/src/core/options.ts | 92 +- .../src/core/skill-content.generated.json | 26 +- .../src/jsx/analyzer-diagnostics.ts | 36 + .../custom-widgets/src/jsx/analyzer-jsx.ts | 10 +- .../src/jsx/analyzer-language.ts | 24 + packages/custom-widgets/src/jsx/analyzer.ts | 95 +- .../src/jsx/interpreter-callbacks.ts | 30 +- .../src/jsx/interpreter-parser.ts | 7 +- .../custom-widgets/src/jsx/interpreter.tsx | 5 + .../src/jsx/recursive-list-builder.tsx | 2 +- .../src/jsx/recursive-list-helpers.ts | 13 +- .../custom-widgets/src/jsx/recursive-list.tsx | 25 +- .../custom-widgets/src/runtime/actions.tsx | 14 +- .../custom-widgets/src/test/ai-prompt.spec.ts | 2 +- .../src/test/authoring-resources.spec.ts | 28 +- .../src/test/component-catalog.spec.ts | 20 +- .../src/test/component-docs.spec.ts | 29 +- .../src/test/embedded-ai-prompt.spec.ts | 38 +- .../src/test/jsx-policy.spec.ts | 67 + .../src/test/recursive-list.spec.tsx | 48 +- .../custom-widgets/src/test/runtime.spec.tsx | 7 +- .../custom-widgets/src/test/workbench.spec.ts | 17 +- .../src/workbench/code-editor.tsx | 10 +- .../src/workbench/code-language.ts | 29 +- packages/translation/src/lang/en.json | 2 - packages/widgets/package.json | 2 - ...dget-custom-widget-configuration-input.tsx | 398 +- packages/workshop/src/client.spec.ts | 31 - packages/workshop/src/client.ts | 135 +- packages/workshop/src/schema.ts | 62 +- pnpm-lock.yaml | 61 +- 97 files changed, 2833 insertions(+), 12393 deletions(-) create mode 100644 .agents/skills/homarr-custom-widget/references/component-catalog.json create mode 100644 .agents/skills/homarr-custom-widget/references/examples.json create mode 100644 .agents/skills/homarr-custom-widget/references/widget-schema.json delete mode 100644 apps/docs/scripts/check-custom-widgets-ste.mjs delete mode 100644 apps/docs/scripts/custom-widgets-ste-terms.mjs create mode 100644 apps/nextjs/src/app/api/custom-widgets/schema/route.ts delete mode 100644 apps/workshop/pb_hooks/users.pb.js create mode 100644 e2e/custom-widgets-custom-jsx-v2.spec.ts create mode 100644 packages/api/src/router/custom-widget/definition-insert.ts create mode 100644 packages/api/src/router/test/widgets/custom-api-v2.spec.ts create mode 100644 packages/custom-widgets/src/core/component-example.ts delete mode 100644 packages/custom-widgets/src/core/component-runtime.generated.json create mode 100644 packages/custom-widgets/src/jsx/analyzer-diagnostics.ts delete mode 100644 packages/workshop/src/client.spec.ts diff --git a/.agents/skills/homarr-custom-widget/SKILL.md b/.agents/skills/homarr-custom-widget/SKILL.md index 87f8a6e31..7a1a5caf5 100644 --- a/.agents/skills/homarr-custom-widget/SKILL.md +++ b/.agents/skills/homarr-custom-widget/SKILL.md @@ -16,16 +16,19 @@ When connected to Homarr, retrieve the live widget schema and component catalog For offline authoring, read these installed, release-matched references in order: -1. [Schema](references/schema.md) -2. [JSX runtime](references/runtime.md) -3. [Security boundary](references/security.md) -4. [Component catalog](references/components.md) -5. [Mantine Core](references/mantine-core.md) -6. [Mantine Dates](references/mantine-dates.md) -7. [Mantine Charts](references/mantine-charts.md) -8. [Homarr components](references/homarr-components.md) +1. [Schema guide](references/schema.md) +2. [Canonical widget JSON Schema](references/widget-schema.json) +3. [JSX runtime](references/runtime.md) +4. [Security boundary](references/security.md) +5. [Component catalog guide](references/components.md) +6. [Canonical component catalog](references/component-catalog.json) +7. [Canonical examples](references/examples.json) +8. [Official Mantine LLM index](references/mantine-core.md) +9. [Official Mantine Dates guide](references/mantine-dates.md) +10. [Mantine Charts links](references/mantine-charts.md) +11. [Homarr components](references/homarr-components.md) -Together, this file and those references are the complete offline authoring bundle for the matching Homarr release. Do not require MCP tools, repository access, or external component documentation to produce a best-effort widget. If live metadata is available, prefer it over the installed static bundle. +Together, this file and its references are the complete offline authoring bundle for the matching Homarr release. The JSON catalog contains the exact enabled component names, prop metadata, bindings, blocked capabilities, and versions. If live metadata is available, prefer it because it reflects the installed Homarr and Mantine versions. ## Authoring workflow @@ -40,6 +43,7 @@ Together, this file and those references are the complete offline authoring bund - Use inline sources, named requests, definition-owned options, temporary bound inputs, and one safe JSX template. - Use `kind`, not the HTTP method, to distinguish reads from user-triggered actions. - Give every declared request parameter an explicit source. Load queries use `optionsBinding` with an option reference or primitive literal; manual queries and actions receive values only from the invoking component's `params` prop. Never infer bindings from matching names. +- Treat `status.` as `{ loading, ok, status, statusText, error }`. Never compare it with `"loading"`, `"success"`, or `"error"`; check `status.list?.loading`, `status.list?.ok === false`, or `status.list?.ok === true`. - Never put a credential in JSX, options, headers, URLs, examples, exports, logs, or chat output. - Use declarative `bind` controls and Homarr request components. Controlled collection callbacks, zero-argument derived-value IIFEs, and the `RecursiveList` child template may use the restricted safe-block grammar documented in the runtime reference. Never emit imports, hooks, refs, raw callback props, browser requests, or arbitrary JavaScript. - Include responsive loading, empty, error, and success states. diff --git a/.agents/skills/homarr-custom-widget/references/component-catalog.json b/.agents/skills/homarr-custom-widget/references/component-catalog.json new file mode 100644 index 000000000..c3c236f92 --- /dev/null +++ b/.agents/skills/homarr-custom-widget/references/component-catalog.json @@ -0,0 +1 @@ +{"schemaVersion":1,"mantineVersion":"9.4.1","customWidgetVersion":"2.0.0","types":["\"\" | \"anonymous\" | \"use-credentials\"","\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"auto\" | \"fixed\"","\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"none\" | \"auto\" | \"all\" | \"fill\" | \"stroke\" | \"painted\" | \"visible\" | \"visibleFill\" | \"visiblePainted\" | \"visibleStroke\"","\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"none\" | \"block\" | \"inline\" | \"both\" | \"horizontal\" | \"vertical\"","\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"none\" | \"contain\" | \"cover\" | \"fill\" | \"scale-down\"","\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"wrap\" | \"nowrap\" | \"wrap-reverse\"","\"12h\" | \"24h\"","\"activity\" | \"display-none\"","\"all\" | \"parent\" | \"child\"","\"all\" | \"segment\"","\"always\" | \"hover\" | \"not-hover\" | \"never\"","\"area\" | \"radial\" | \"scatter\"","\"auto\" | \"scroll\" | \"always\" | \"hover\" | \"never\"","\"auto-fit\" | \"auto-fill\"","\"block\" | \"grid\"","\"both\" | \"rightSection\" | \"clear\"","\"bottom\" | \"top\"","\"bottom\" | \"top\" | \"baseline\" | \"middle\"","\"bottom\" | \"top\" | \"middle\"","\"bottom-end\" | \"bottom-start\" | \"top-end\" | \"top-start\" | \"bottom-center\" | \"top-center\" | \"middle-center\" | \"middle-end\" | \"middle-start\"","\"button\" | \"submit\" | \"reset\"","\"center\" | \"bottom\"","\"center\" | \"left\" | \"right\"","\"center\" | \"left\" | \"right\" | \"justify\" | \"char\"","\"center\" | \"side\" | \"merge\"","\"checkbox\" | \"radio\"","\"dashed\" | \"dotted\" | \"solid\"","\"default\" | \"gradient\"","\"default\" | \"responsive\"","\"default\" | \"stacked\" | \"percent\" | \"split\"","\"default\" | \"stacked\" | \"percent\" | \"waterfall\"","\"div\" | \"label\"","\"end\" | \"start\"","\"filled\" | \"light\"","\"fixed\" | \"absolute\"","\"hex\" | \"hexa\" | \"rgba\" | \"rgb\" | \"hsl\" | \"hsla\"","\"horizontal\" | \"vertical\"","\"hover\" | \"click\" | \"click-hover\"","\"inherit\" | \"auto\" | \"baseline\" | \"before-edge\" | \"text-before-edge\" | \"middle\" | \"central\" | \"after-edge\" | \"text-after-edge\" | \"ideographic\" | \"alphabetic\" | \"hanging\" | \"mathematical\"","\"inherit\" | \"auto\" | \"sRGB\" | \"linearRGB\"","\"inherit\" | \"auto\" | \"text-before-edge\" | \"middle\" | \"central\" | \"text-after-edge\" | \"ideographic\" | \"alphabetic\" | \"hanging\" | \"mathematical\" | \"use-script\" | \"no-change\" | \"reset-size\"","\"inherit\" | \"end\" | \"start\" | \"middle\"","\"inherit\" | \"nonzero\" | \"evenodd\"","\"inherit\" | \"round\" | \"butt\" | \"square\"","\"inherit\" | \"round\" | \"miter\" | \"bevel\"","\"initial\" | \"medial\" | \"terminal\" | \"isolated\"","\"inside\" | \"outside\"","\"left\" | \"right\"","\"left\" | \"right\" | \"bottom\" | \"top\" | \"left-end\" | \"left-start\" | \"right-end\" | \"right-start\" | \"bottom-end\" | \"bottom-start\" | \"top-end\" | \"top-start\"","\"left\" | \"right\" | \"inside\"","\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"","\"media\" | \"container\"","\"month\" | \"year\" | \"decade\"","\"native\" | \"scrollarea\"","\"none\" | \"all\" | \"rows\" | \"groups\" | \"columns\"","\"none\" | \"all\" | \"with-indicators\"","\"none\" | \"ascending\" | \"descending\" | \"other\"","\"none\" | \"inline\" | \"list\" | \"both\"","\"none\" | \"strict\" | \"blur\"","\"none\" | \"sum\"","\"none\" | \"thousand\" | \"lakh\" | \"wan\"","\"none\" | \"x\" | \"y\" | \"xy\"","\"number\" | RegExp | \"alphanumeric\"","\"off\" | \"assertive\" | \"polite\"","\"off\" | \"on\"","\"ordered\" | \"unordered\"","\"right-to-left\" | \"left-to-right\"","\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"","\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"","\"step\" | \"bump\" | \"linear\" | \"natural\" | \"monotone\" | \"stepBefore\" | \"stepAfter\"","\"stepInactive\" | \"stepProgress\" | \"stepCompleted\"","\"sum\" | \"replace\"","\"td\" | \"th\"","\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"","\"text\" | \"tel\" | \"password\"","\"time\" | \"duration\"","\"up\" | \"down\"","\"value\" | \"name\" | \"percent\"","\"viewport\"","\"wrap\" | \"nowrap\" | \"balance\" | \"pretty\" | \"stable\"","\"x\" | \"y\"","\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"","\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | (string & {})","\"yes\" | \"no\"","'Text' | 'Title' | 'Badge' | 'Code' | 'Image'","'auto' | 'manual'","'json' | 'text'","'xs' | 'sm' | 'md' | 'lg' | 'xl'","(\"input\" | \"label\" | \"description\" | \"error\")[]","(\"next\" | \"previous\" | \"level\")[]","(ActionIconProps & React.ClassAttributes & React.ButtonHTMLAttributes)","(CartesianChartProps & { ref?: React.Ref; })","(CloseButtonProps & ElementProps<\"button\"> & DataAttributes)","(CloseButtonProps & React.ClassAttributes & React.ButtonHTMLAttributes)","(ElementProps<\"button\"> & DataAttributes)","(InputDescriptionProps & DataAttributes)","(InputErrorProps & DataAttributes)","(InputLabelProps & DataAttributes)","(InputSuccessProps & DataAttributes)","(Multiple extends true ? Value[] : Value | null)","(OverlayProps & ElementProps<\"div\">)","(PolarChartProps & { ref?: React.Ref; })","(React.ClassAttributes & React.ButtonHTMLAttributes & DataAttributes)","(React.ClassAttributes & React.HTMLAttributes & DataAttributes)","(React.ClassAttributes & React.InputHTMLAttributes & DataAttributes)","(React.ClassAttributes & React.SelectHTMLAttributes & DataAttributes)","(Type extends \"default\" ? boolean : never)","(Type extends \"range\" ? boolean : never)","(Value | SegmentedControlItem)[]","(number | null)[]","(string & {}) | \"bars\" | \"dots\" | \"oval\"","(string & {}) | \"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"","(string & {}) | AccordionVariant","(string & {}) | ActionIconVariant","(string & {}) | AlertVariant","(string & {}) | AvatarVariant","(string & {}) | BadgeVariant","(string & {}) | ButtonVariant","(string & {}) | CheckboxIndicatorVariant","(string & {}) | CheckboxVariant","(string & {}) | ChipVariant","(string & {}) | CloseButtonVariant","(string & {}) | DividerVariant","(string & {}) | FieldsetVariant","(string & {}) | InputVariant","(string & {}) | NavLinkVariant","(string & {}) | PillVariant","(string & {}) | RadioIndicatorVariant","(string & {}) | RadioVariant","(string & {}) | TableVariant","(string & {}) | TabsVariant","(string & {}) | TextVariant","(string & {}) | ThemeIconVariant","0 | -1","0 | 2 | 3 | 4 | 5 | 6 | 1","1 | 2 | 3 | 4 | 5 | 6","2 | 3 | 4 | 5 | 6","2 | 3 | 4 | 5 | 6 | 1","AccordionValue","AreaChartSeries[]","AriaRole","BarChartSeries[]","BarsListBarData[]","BoxMod","BubbleChartDataKey","ButtonSize","CSSProperties","CalendarAriaLabels","ChartData","ChartReferenceLineProps[]","ChartSeries[]","ComboboxData","ComboboxGenericData","ComboboxProps","ComboboxStringGroupData","CompositeChartSeries[]","DatePickerPreset<\"default\">[]","DatePickerPreset[]","DatePickerType | Type","DatePickerValue","DateValue","DayOfWeek[]","DefaultMantineColor","DefaultMantineColor | \"initials\"","DefaultMantineColor[]","DonutChartCell[]","FlatTreeLineState[]","FunnelChartCell[]","GridBreakpoints","HTMLElement | null","HTMLInputAutoCompleteAttribute","HTMLInputTypeAttribute","InputClearButtonProps","Key | null","LineChartGradientStop[]","LineChartSeries[]","LoaderProps","MantineBreakpoint","MantineChartDotProps","MantineGradient","MantineRadius","MantineShadow","MantineSize | (string & {})","MantineSpacing","Mode","MonthPickerPreset[]","Multiple","NumberInputValue","Omit, \"data\" | \"ref\" | \"dataKey\">","Omit","Omit","Omit","Omit","Omit","Omit","Omit, HTMLInputElement>, \"value\">","Omit","Omit, \"ref\">","Omit","Omit","Omit, \"ref\">","OverlayProps","Partial>","Partial>","Partial>","Partial>","Partial, \"data\" | \"ref\" | \"dataKey\">>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial","PieChartCell[]","PopoverMiddlewares","PopoverProps","PopoverWidth","Property.AlignItems","Property.BackgroundColor","Property.BorderRadius","Property.Height","Property.JustifyContent","Property.ListStyleType","Property.MaxHeight","Property.MinWidth","Property.Overflow","Property.OverscrollBehavior","Property.Width","RadarChartSeries[]","RangeSliderValue","React.CSSProperties","React.DetailedHTMLProps, HTMLButtonElement>","React.DetailedHTMLProps, HTMLDivElement>","React.DetailedHTMLProps, HTMLImageElement>","React.DetailedHTMLProps, HTMLInputElement>","React.HTMLInputTypeAttribute","React.ReactNode","ReactNode","Record","Record","Record[]","Record[] | readonly Record[]","Record","Record","RingProgressSection[]","SankeyChartData","ScatterChartSeries[]","ScrollAreaProps","SimpleGridProps","SliderMark[]","SparklineTrendColors","SplitterPaneSize","SplitterPaneSize[]","SplitterStep","StyleProp<\"text\" | (string & {}) | \"monospace\" | \"heading\">","StyleProp","StyleProp","StyleProp","StyleProp","StyleProp","StyleProp","StyleProp>","StyleProp","StyleProp>","StyleProp>","StyleProp","StyleProp>","StyleProp","StyleProp","StyleProp","StyleProp","StyleProp>","StyleProp","StyleProp>","StyleProp>","StyleProp>","StyleProp>","StyleProp>","StyleProp","StyleProp","StyleProp>","StyleProp","StyleProp>","StyleProp","StyleProp","StyleProp","T","T[]","TableData","TimePickerAmPmLabels","TimePickerPresets","TitleSize","TooltipMiddlewares","TreeNodeData","TreeNodeData[]","TreeSelectChevronAriaLabels","TreeSelectValue","TreemapData[]","Type","Type | DatePickerType","UseTreeReturnType","Value","Value | null","Value[]","WrapperProps","YearPickerPreset[]","[DefaultMantineColor, DefaultMantineColor]","[number, number]","[string, string]","boolean","boolean | SafePolygonOptions","boolean | string","boolean[]","false | \"x\" | \"y\" | \"xy\"","false | true","false | true | \"auto\" | \"true\" | \"false\"","false | true | \"dialog\" | \"menu\" | \"grid\" | \"true\" | \"false\" | \"listbox\" | \"tree\"","false | true | \"end\" | \"start\"","false | true | \"odd\" | \"even\"","false | true | \"time\" | \"true\" | \"false\" | \"page\" | \"step\" | \"location\" | \"date\"","false | true | \"true\" | \"false\"","false | true | \"true\" | \"false\" | \"grammar\" | \"spelling\"","false | true | \"true\" | \"false\" | \"mixed\"","false | true | \"user\" | \"environment\"","false | true | \"x\" | \"y\" | \"present\"","null | string","number","number | FloatingAxesOffsets","number | MantineSize | (string & {})","number | MantineSize | (string & {}) | \"input-xs\" | \"input-sm\" | \"input-md\" | \"input-lg\" | \"input-xl\"","number | { x: number; y: number; }","readonly Record[]","string","string | (string & {})","string | (string | RegExp)[]","string | Date","string | Date | null","string | false | true","string | number","string | number | readonly string[]","string | string[] | HighlightTerm[]","string[]","undefined","unknown","{ area?: Record; legend?: Record; grid?: Record; root?: Record; ... 14 more ...; tooltipBody?: Record<...>; }","{ area?: Record; legend?: Record; line?: Record; grid?: Record; ... 16 more ...; tooltipBody?: Record<...>; }","{ body?: Record; input?: Record; label?: Record; root?: Record; ... 4 more ...; labelWrapper?: Record<...>; }","{ body?: Record; input?: Record; label?: Record; section?: Record; ... 19 more ...; swatch?: Record<...>; }","{ body?: Record; input?: Record; label?: Record; track?: Record; ... 5 more ...; trackLabel?: Record<...>; }","{ body?: Record; label?: Record; root?: Record; icon?: Record; ... 4 more ...; labelWrapper?: Record<...>; }","{ body?: Record; label?: Record; section?: Record; children?: Record; root?: Record<...>; chevron?: Record<...>; description?: Record<...>; collapse?: Record<...>; } | u...","{ body?: Record; label?: Record; title?: Record; root?: Record; icon?: Record<...>; wrapper?: Record<...>; message?: Record<...>; closeButton?: Record<...>; }","{ body?: Record; slider?: Record; wrapper?: Record; sliderOverlay?: Record; ... 6 more ...; swatch?: Record<...>; }","{ body?: Record; title?: Record; root?: Record; description?: Record; indicator?: Record<...>; actions?: Record<...>; }","{ body?: Record; title?: Record; root?: Record; icon?: Record; loader?: Record<...>; closeButton?: Record<...>; description?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; ... 12 more ...; monthPickerRoot?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; ... 4 more ...; monthsListControl?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; ... 4 more ...; yearsListRow?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; ... 5 more ...; monthsListControl?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; ... 5 more ...; yearsListRow?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; ... 8 more ...; yearPickerRoot?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; calendarHeaderControlIcon?: Record<...>; }","{ caption?: Record; table?: Record; tbody?: Record; td?: Record; tfoot?: Record<...>; th?: Record<...>; thead?: Record<...>; tr?: Record<...>; }","{ card?: Record; }","{ cite?: Record; root?: Record; icon?: Record; }","{ col?: Record; root?: Record; inner?: Record; container?: Record; }","{ content?: Record; root?: Record; chevron?: Record; control?: Record; container?: Record<...>; }","{ content?: Record; root?: Record; control?: Record; }","{ content?: Record; root?: Record; group?: Record; }","{ content?: Record; root?: Record; scrollbar?: Record; thumb?: Record; viewport?: Record<...>; corner?: Record<...>; }","{ content?: Record; root?: Record; separator?: Record; step?: Record; ... 9 more ...; stepDescription?: Record<...>; }","{ day?: Record; }","{ dropdown?: Record; overlay?: Record; arrow?: Record; }","{ group?: Record; }","{ groupSection?: Record; }","{ hover: boolean; focus: boolean; touch: boolean; }","{ icon?: Record; indicator?: Record; }","{ image?: Record; root?: Record; placeholder?: Record; }","{ input?: Record; label?: Record; option?: Record; section?: Record; ... 11 more ...; groupLabel?: Record<...>; }","{ input?: Record; label?: Record; option?: Record; section?: Record; ... 14 more ...; inputField?: Record<...>; }","{ input?: Record; label?: Record; root?: Record; control?: Record; indicator?: Record<...>; innerLabel?: Record<...>; }","{ input?: Record; label?: Record; root?: Record; iconWrapper?: Record; checkIcon?: Record<...>; }","{ input?: Record; label?: Record; root?: Record; starSymbol?: Record; symbolBody?: Record<...>; symbolGroup?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 17 more ...; presetControl?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 18 more ...; yearPickerRoot?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 22 more ...; monthPickerRoot?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 30 more ...; presetButton?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 31 more ...; datePickerRoot?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 37 more ...; rangeInfo?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 5 more ...; bottomSection?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 7 more ...; controls?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 7 more ...; innerInput?: Record<...>; }","{ input?: Record; root?: Record; pinInput?: Record; }","{ input?: Record; section?: Record; wrapper?: Record; bottomSection?: Record; }","{ label?: Record; content?: Record; root?: Record; item?: Record; ... 4 more ...; control?: Record<...>; }","{ label?: Record; legend?: Record; root?: Record; tooltip?: Record; ... 9 more ...; tooltipBody?: Record<...>; }","{ label?: Record; mark?: Record; root?: Record; thumb?: Record; marks?: Record<...>; }","{ label?: Record; mark?: Record; track?: Record; root?: Record; ... 4 more ...; markLabel?: Record<...>; }","{ label?: Record; root?: Record; control?: Record; dots?: Record; items?: Record<...>; }","{ label?: Record; root?: Record; description?: Record; error?: Record; success?: Record<...>; required?: Record<...>; }","{ label?: Record; root?: Record; node?: Record; subtree?: Record; }","{ label?: Record; root?: Record; remove?: Record; }","{ label?: Record; root?: Record; }","{ label?: Record; search?: Record; item?: Record; chevron?: Record; ... 6 more ...; divider?: Record<...>; }","{ label?: Record; section?: Record; root?: Record; loader?: Record; inner?: Record<...>; }","{ label?: Record; section?: Record; root?: Record; }","{ label?: Record; svg?: Record; root?: Record; curve?: Record; }","{ label?: Record; svg?: Record; root?: Record; emptySegment?: Record; filledSegment?: Record<...>; }","{ legend?: Record; grid?: Record; root?: Record; tooltip?: Record; ... 14 more ...; scatter?: Record<...>; }","{ legend?: Record; grid?: Record; root?: Record; tooltip?: Record; ... 14 more ...; tooltipBody?: Record<...>; }","{ legend?: Record; legendItem?: Record; legendItemColor?: Record; legendItemName?: Record<...>; }","{ legend?: Record; line?: Record; grid?: Record; root?: Record; ... 14 more ...; tooltipBody?: Record<...>; }","{ legend?: Record; rect?: Record; root?: Record; weekdayLabel?: Record; monthLabel?: Record<...>; legendLabel?: Record<...>; legendRect?: Record<...>; }","{ legend?: Record; root?: Record; tooltip?: Record; container?: Record; ... 9 more ...; tooltipBody?: Record<...>; }","{ legend?: Record; root?: Record; tooltip?: Record; legendItem?: Record; ... 8 more ...; tooltipBody?: Record<...>; }","{ legend?: Record; root?: Record; tooltip?: Record; legendItem?: Record; legendItemColor?: Record<...>; legendItemName?: Record<...>; }","{ legend?: Record; root?: Record; }","{ levelsGroup?: Record; }","{ month?: Record; weekday?: Record; weekdaysRow?: Record; monthRow?: Record; ... 17 more ...; yearsListRow?: Record<...>; }","{ month?: Record; weekday?: Record; weekdaysRow?: Record; monthRow?: Record; ... 20 more ...; datePickerRoot?: Record<...>; }","{ month?: Record; weekday?: Record; weekdaysRow?: Record; monthRow?: Record; ... 4 more ...; day?: Record<...>; }","{ month?: Record; weekday?: Record; weekdaysRow?: Record; monthRow?: Record; ... 8 more ...; calendarHeaderControlIcon?: Record<...>; }","{ month?: Record; weekday?: Record; weekdaysRow?: Record; monthRow?: Record; ... 9 more ...; levelsGroup?: Record<...>; }","{ monthsList?: Record; monthsListCell?: Record; monthsListRow?: Record; monthsListControl?: Record<...>; }","{ pickerControl?: Record; }","{ root?: Record; alphaOverlay?: Record; shadowOverlay?: Record; colorOverlay?: Record<...>; childrenOverlay?: Record<...>; }","{ root?: Record; bar?: Record; barLabel?: Record; barValue?: Record; labelsRow?: Record<...>; }","{ root?: Record; burger?: Record; }","{ root?: Record; container?: Record; }","{ root?: Record; control?: Record; day?: Record; days?: Record; dayMonth?: Record<...>; dayNumber?: Record<...>; }","{ root?: Record; control?: Record; simpleGrid?: Record; }","{ root?: Record; digit?: Record; digitColumn?: Record; char?: Record; }","{ root?: Record; icon?: Record; loader?: Record; }","{ root?: Record; indicator?: Record; }","{ root?: Record; item?: Record; itemLabel?: Record; itemValue?: Record; }","{ root?: Record; item?: Record; itemLabel?: Record; itemWrapper?: Record; itemIcon?: Record<...>; }","{ root?: Record; item?: Record; itemTitle?: Record; itemBody?: Record; itemContent?: Record<...>; itemBullet?: Record<...>; }","{ root?: Record; loader?: Record; overlay?: Record; }","{ root?: Record; month?: Record; weekday?: Record; weekdaysRow?: Record; ... 27 more ...; rangeInfo?: Record<...>; }","{ root?: Record; panel?: Record; list?: Record; tab?: Record; tabSection?: Record<...>; tabLabel?: Record<...>; }","{ root?: Record; separator?: Record; breadcrumb?: Record; }","{ root?: Record; thumb?: Record; handle?: Record; pane?: Record; }","{ root?: Record; tooltip?: Record; axis?: Record; }","{ root?: Record; tooltip?: Record; tooltipItem?: Record; tooltipItemBody?: Record<...>; ... 4 more ...; tooltipBody?: Record<...>; }","{ root?: Record; }","{ scrollContainer?: Record; scrollContainerInner?: Record; }","{ section?: Record; root?: Record; }","{ slider?: Record; sliderOverlay?: Record; thumb?: Record; }","{ tooltip?: Record; arrow?: Record; }","{ tooltip?: Record; tooltipItem?: Record; tooltipItemBody?: Record; tooltipItemColor?: Record<...>; tooltipItemName?: Record<...>; tooltipItemData?: Record<...>; tooltipLabel?: Record<...>; tool...","{ value: number; label?: string; }[]","{ weekday?: Record; weekdaysRow?: Record; }","{ x: string; y: string; }","{ x?: number; y?: number; }","{ x?: string; y?: string; }","{ yearsListControl?: Record; yearsList?: Record; yearsListCell?: Record; yearsListRow?: Record<...>; }"],"globalProps":[{"name":"abbr","required":false,"source":"global","typeRef":359},{"name":"about","required":false,"source":"global","typeRef":359},{"name":"accentHeight","required":false,"source":"global","typeRef":365},{"name":"accept","required":false,"source":"global","typeRef":359},{"name":"accessKey","required":false,"source":"global","typeRef":359},{"name":"accumulate","required":false,"source":"global","literalValues":["none","sum"],"typeRef":59},{"name":"additive","required":false,"source":"global","literalValues":["replace","sum"],"typeRef":71},{"name":"align","required":false,"source":"global","literalValues":["center","char","justify","left","right"],"typeRef":22},{"name":"alignmentBaseline","required":false,"source":"global","literalValues":["after-edge","alphabetic","auto","baseline","before-edge","central","hanging","ideographic","inherit","mathematical","middle","text-after-edge","text-before-edge"],"typeRef":38},{"name":"allowReorder","required":false,"source":"global","literalValues":["no","yes"],"typeRef":83},{"name":"alphabetic","required":false,"source":"global","typeRef":365},{"name":"alt","required":false,"source":"global","typeRef":359},{"name":"amplitude","required":false,"source":"global","typeRef":365},{"name":"arabicForm","required":false,"source":"global","literalValues":["initial","isolated","medial","terminal"],"typeRef":45},{"name":"aria-activedescendant","required":false,"source":"global","description":"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.","typeRef":359},{"name":"aria-atomic","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.","typeRef":347},{"name":"aria-autocomplete","required":false,"source":"global","literalValues":["both","inline","list","none"],"description":"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.","typeRef":57},{"name":"aria-braillelabel","required":false,"source":"global","description":"Defines a string value that labels the current element, which is intended to be converted into Braille.","typeRef":359},{"name":"aria-brailleroledescription","required":false,"source":"global","description":"Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.","typeRef":359},{"name":"aria-busy","required":false,"source":"global","literalValues":[false,"false",true,"true"],"typeRef":347},{"name":"aria-checked","required":false,"source":"global","literalValues":[false,"false","mixed",true,"true"],"description":"Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets.","typeRef":349},{"name":"aria-colcount","required":false,"source":"global","description":"Defines the total number of columns in a table, grid, or treegrid.","typeRef":353},{"name":"aria-colindex","required":false,"source":"global","description":"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.","typeRef":353},{"name":"aria-colindextext","required":false,"source":"global","description":"Defines a human readable text alternative of aria-colindex.","typeRef":359},{"name":"aria-colspan","required":false,"source":"global","description":"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.","typeRef":353},{"name":"aria-controls","required":false,"source":"global","description":"Identifies the element (or elements) whose contents or presence are controlled by the current element.","typeRef":359},{"name":"aria-current","required":false,"source":"global","literalValues":["date",false,"false","location","page","step","time",true,"true"],"description":"Indicates the element that represents the current item within a container or set of related elements.","typeRef":346},{"name":"aria-describedby","required":false,"source":"global","description":"Identifies the element (or elements) that describes the object.","typeRef":359},{"name":"aria-description","required":false,"source":"global","description":"Defines a string value that describes or annotates the current element.","typeRef":359},{"name":"aria-details","required":false,"source":"global","description":"Identifies the element that provides a detailed, extended description for the object.","typeRef":359},{"name":"aria-disabled","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.","typeRef":347},{"name":"aria-dropeffect","required":false,"source":"global","literalValues":["copy","execute","link","move","none","popup"],"description":"Indicates what functions can be performed when a dragged object is released on the drop target.","typeRef":50},{"name":"aria-errormessage","required":false,"source":"global","description":"Identifies the element that provides an error message for the object.","typeRef":359},{"name":"aria-expanded","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.","typeRef":347},{"name":"aria-flowto","required":false,"source":"global","description":"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order.","typeRef":359},{"name":"aria-grabbed","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates an element's \"grabbed\" state in a drag-and-drop operation.","typeRef":347},{"name":"aria-haspopup","required":false,"source":"global","literalValues":["dialog",false,"false","grid","listbox","menu","tree",true,"true"],"description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.","typeRef":343},{"name":"aria-hidden","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates whether the element is exposed to an accessibility API.","typeRef":347},{"name":"aria-invalid","required":false,"source":"global","literalValues":[false,"false","grammar","spelling",true,"true"],"description":"Indicates the entered value does not conform to the format expected by the application.","typeRef":348},{"name":"aria-keyshortcuts","required":false,"source":"global","description":"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.","typeRef":359},{"name":"aria-label","required":false,"source":"global","description":"Defines a string value that labels the current element.","typeRef":359},{"name":"aria-labelledby","required":false,"source":"global","description":"Identifies the element (or elements) that labels the current element.","typeRef":359},{"name":"aria-level","required":false,"source":"global","description":"Defines the hierarchical level of an element within a structure.","typeRef":353},{"name":"aria-live","required":false,"source":"global","literalValues":["assertive","off","polite"],"description":"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.","typeRef":63},{"name":"aria-modal","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates whether an element is modal when displayed.","typeRef":347},{"name":"aria-multiline","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates whether a text box accepts multiple lines of input or only a single line.","typeRef":347},{"name":"aria-multiselectable","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates that the user may select more than one item from the current selectable descendants.","typeRef":347},{"name":"aria-orientation","required":false,"source":"global","literalValues":["horizontal","vertical"],"description":"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.","typeRef":36},{"name":"aria-owns","required":false,"source":"global","description":"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship.","typeRef":359},{"name":"aria-placeholder","required":false,"source":"global","description":"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format.","typeRef":359},{"name":"aria-posinset","required":false,"source":"global","description":"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.","typeRef":353},{"name":"aria-pressed","required":false,"source":"global","literalValues":[false,"false","mixed",true,"true"],"description":"Indicates the current \"pressed\" state of toggle buttons.","typeRef":349},{"name":"aria-readonly","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates that the element is not editable, but is otherwise operable.","typeRef":347},{"name":"aria-relevant","required":false,"source":"global","literalValues":["additions","additions removals","additions text","all","removals","removals additions","removals text","text","text additions","text removals"],"description":"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.","typeRef":73},{"name":"aria-required","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates that user input is required on the element before a form may be submitted.","typeRef":347},{"name":"aria-roledescription","required":false,"source":"global","description":"Defines a human-readable, author-localized description for the role of an element.","typeRef":359},{"name":"aria-rowcount","required":false,"source":"global","description":"Defines the total number of rows in a table, grid, or treegrid.","typeRef":353},{"name":"aria-rowindex","required":false,"source":"global","description":"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.","typeRef":353},{"name":"aria-rowindextext","required":false,"source":"global","description":"Defines a human readable text alternative of aria-rowindex.","typeRef":359},{"name":"aria-rowspan","required":false,"source":"global","description":"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.","typeRef":353},{"name":"aria-selected","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates the current \"selected\" state of various widgets.","typeRef":347},{"name":"aria-setsize","required":false,"source":"global","description":"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.","typeRef":353},{"name":"aria-sort","required":false,"source":"global","literalValues":["ascending","descending","none","other"],"description":"Indicates if items in a table or grid are sorted in ascending or descending order.","typeRef":56},{"name":"aria-valuemax","required":false,"source":"global","description":"Defines the maximum allowed value for a range widget.","typeRef":353},{"name":"aria-valuemin","required":false,"source":"global","description":"Defines the minimum allowed value for a range widget.","typeRef":353},{"name":"aria-valuenow","required":false,"source":"global","description":"Defines the current value for a range widget.","typeRef":353},{"name":"aria-valuetext","required":false,"source":"global","description":"Defines the human readable text alternative of aria-valuenow for a range widget.","typeRef":359},{"name":"ascent","required":false,"source":"global","typeRef":365},{"name":"attributeName","required":false,"source":"global","typeRef":359},{"name":"attributeType","required":false,"source":"global","typeRef":359},{"name":"autoCapitalize","required":false,"source":"global","literalValues":["characters","none","off","on","sentences","words"],"typeRef":111},{"name":"autoComplete","required":false,"source":"global","typeRef":170},{"name":"autoCorrect","required":false,"source":"global","typeRef":359},{"name":"autoReverse","required":false,"source":"global","literalValues":[false,"false",true,"true"],"typeRef":347},{"name":"autoSave","required":false,"source":"global","typeRef":359},{"name":"azimuth","required":false,"source":"global","typeRef":365},{"name":"baseFrequency","required":false,"source":"global","typeRef":365},{"name":"baseProfile","required":false,"source":"global","typeRef":365},{"name":"baselineShift","required":false,"source":"global","typeRef":365},{"name":"bbox","required":false,"source":"global","typeRef":365},{"name":"bd","required":false,"source":"global","description":"Border","typeRef":291},{"name":"bdrs","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"BorderRadius, theme key: theme.radius","typeRef":284},{"name":"begin","required":false,"source":"global","typeRef":365},{"name":"bg","required":false,"source":"global","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Background, theme key: theme.colors","typeRef":283},{"name":"bga","required":false,"source":"global","literalValues":["-moz-initial","fixed","inherit","initial","local","revert","revert-layer","scroll","unset"],"description":"BackgroundAttachment","typeRef":287},{"name":"bgcolor","required":false,"source":"global","typeRef":359},{"name":"bgp","required":false,"source":"global","description":"BackgroundPosition","typeRef":288},{"name":"bgr","required":false,"source":"global","literalValues":["-moz-initial","inherit","initial","no-repeat","repeat","repeat-x","repeat-y","revert","revert-layer","round","space","unset"],"description":"BackgroundRepeat","typeRef":289},{"name":"bgsz","required":false,"source":"global","description":"BackgroundSize","typeRef":290},{"name":"bias","required":false,"source":"global","typeRef":365},{"name":"border","required":false,"source":"global","typeRef":353},{"name":"by","required":false,"source":"global","typeRef":365},{"name":"c","required":false,"source":"global","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color","typeRef":283},{"name":"calcMode","required":false,"source":"global","typeRef":365},{"name":"capHeight","required":false,"source":"global","typeRef":365},{"name":"capture","required":false,"source":"global","literalValues":["environment",false,true,"user"],"typeRef":350},{"name":"cellPadding","required":false,"source":"global","typeRef":365},{"name":"cellSpacing","required":false,"source":"global","typeRef":365},{"name":"checked","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"clip","required":false,"source":"global","typeRef":365},{"name":"clipPath","required":false,"source":"global","typeRef":359},{"name":"clipPathUnits","required":false,"source":"global","typeRef":365},{"name":"clipRule","required":false,"source":"global","typeRef":365},{"name":"colSpan","required":false,"source":"global","typeRef":353},{"name":"color","required":false,"source":"global","literalValues":["blue","cyan","dark","grape","gray","green","indigo","initials","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":359},{"name":"colorInterpolation","required":false,"source":"global","typeRef":365},{"name":"colorInterpolationFilters","required":false,"source":"global","literalValues":["auto","inherit","linearRGB","sRGB"],"typeRef":39},{"name":"colorProfile","required":false,"source":"global","typeRef":365},{"name":"colorRendering","required":false,"source":"global","typeRef":365},{"name":"cols","required":false,"source":"global","typeRef":353},{"name":"content","required":false,"source":"global","typeRef":359},{"name":"contentScriptType","required":false,"source":"global","typeRef":365},{"name":"contentStyleType","required":false,"source":"global","typeRef":365},{"name":"contextMenu","required":false,"source":"global","typeRef":359},{"name":"crossOrigin","required":false,"source":"global","literalValues":["","anonymous","use-credentials"],"typeRef":0},{"name":"cursor","required":false,"source":"global","typeRef":365},{"name":"cx","required":false,"source":"global","typeRef":365},{"name":"cy","required":false,"source":"global","typeRef":365},{"name":"d","required":false,"source":"global","typeRef":359},{"name":"darkHidden","required":false,"source":"global","literalValues":[false,true],"description":"Determines whether component should be hidden in dark color scheme with `display: none`","typeRef":341},{"name":"datatype","required":false,"source":"global","typeRef":359},{"name":"decelerate","required":false,"source":"global","typeRef":365},{"name":"defaultChecked","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"defaultValue","required":false,"source":"global","typeRef":366},{"name":"descent","required":false,"source":"global","typeRef":365},{"name":"diffuseConstant","required":false,"source":"global","typeRef":365},{"name":"dir","required":false,"source":"global","typeRef":359},{"name":"dirName","required":false,"source":"global","typeRef":359},{"name":"direction","required":false,"source":"global","typeRef":365},{"name":"disabled","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"display","required":false,"source":"global","literalValues":["-moz-initial","-ms-flexbox","-ms-grid","-ms-inline-flexbox","-ms-inline-grid","-webkit-flex","-webkit-inline-flex","block","contents","flex","flow","flow-root","grid","inherit","initial","inline","inline-block","inline-flex","inline-grid","inline-list-item","inline-table","list-item","none","revert","revert-layer","ruby","ruby-base","ruby-base-container","ruby-text","ruby-text-container","run-in","table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row","table-row-group","unset"],"typeRef":292},{"name":"divisor","required":false,"source":"global","typeRef":365},{"name":"dominantBaseline","required":false,"source":"global","literalValues":["alphabetic","auto","central","hanging","ideographic","inherit","mathematical","middle","no-change","reset-size","text-after-edge","text-before-edge","use-script"],"typeRef":40},{"name":"draggable","required":false,"source":"global","literalValues":[false,"false",true,"true"],"typeRef":347},{"name":"dur","required":false,"source":"global","typeRef":365},{"name":"dx","required":false,"source":"global","typeRef":365},{"name":"dy","required":false,"source":"global","typeRef":365},{"name":"edgeMode","required":false,"source":"global","typeRef":365},{"name":"elevation","required":false,"source":"global","typeRef":365},{"name":"enableBackground","required":false,"source":"global","typeRef":365},{"name":"end","required":false,"source":"global","typeRef":365},{"name":"enterKeyHint","required":false,"source":"global","literalValues":["done","enter","go","next","previous","search","send"],"typeRef":67},{"name":"exponent","required":false,"source":"global","typeRef":365},{"name":"exportparts","required":false,"source":"global","typeRef":359},{"name":"externalResourcesRequired","required":false,"source":"global","literalValues":[false,"false",true,"true"],"typeRef":347},{"name":"ff","required":false,"source":"global","literalValues":["heading","monospace","text"],"description":"FontFamily","typeRef":281},{"name":"fill","required":false,"source":"global","typeRef":359},{"name":"fillOpacity","required":false,"source":"global","typeRef":365},{"name":"fillRule","required":false,"source":"global","literalValues":["evenodd","inherit","nonzero"],"typeRef":42},{"name":"filter","required":false,"source":"global","typeRef":359},{"name":"filterRes","required":false,"source":"global","typeRef":365},{"name":"filterUnits","required":false,"source":"global","typeRef":365},{"name":"flex","required":false,"source":"global","typeRef":293},{"name":"floodColor","required":false,"source":"global","typeRef":365},{"name":"floodOpacity","required":false,"source":"global","typeRef":365},{"name":"focusable","required":false,"source":"global","literalValues":["auto",false,"false",true,"true"],"typeRef":342},{"name":"fontFamily","required":false,"source":"global","typeRef":359},{"name":"fontSize","required":false,"source":"global","typeRef":365},{"name":"fontSizeAdjust","required":false,"source":"global","typeRef":365},{"name":"fontStretch","required":false,"source":"global","typeRef":365},{"name":"fontStyle","required":false,"source":"global","typeRef":365},{"name":"fontVariant","required":false,"source":"global","typeRef":365},{"name":"fontWeight","required":false,"source":"global","typeRef":365},{"name":"format","required":false,"source":"global","typeRef":365},{"name":"fr","required":false,"source":"global","typeRef":365},{"name":"frame","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"from","required":false,"source":"global","typeRef":365},{"name":"fs","required":false,"source":"global","literalValues":["-moz-initial","inherit","initial","italic","normal","oblique","revert","revert-layer","unset"],"description":"FontStyle","typeRef":296},{"name":"fw","required":false,"source":"global","literalValues":["-moz-initial","bold","bolder","inherit","initial","lighter","normal","revert","revert-layer","unset"],"description":"FontWeight","typeRef":297},{"name":"fx","required":false,"source":"global","typeRef":365},{"name":"fy","required":false,"source":"global","typeRef":365},{"name":"fz","required":false,"source":"global","literalValues":["h1","h2","h3","h4","h5","h6","lg","md","sm","xl","xs"],"description":"FontSize, theme key: theme.fontSizes","typeRef":310},{"name":"g1","required":false,"source":"global","typeRef":365},{"name":"g2","required":false,"source":"global","typeRef":365},{"name":"glyphName","required":false,"source":"global","typeRef":365},{"name":"glyphOrientationHorizontal","required":false,"source":"global","typeRef":365},{"name":"glyphOrientationVertical","required":false,"source":"global","typeRef":365},{"name":"gradientTransform","required":false,"source":"global","typeRef":359},{"name":"gradientUnits","required":false,"source":"global","typeRef":359},{"name":"h","required":false,"source":"global","description":"Height, theme key: theme.spacing","typeRef":298},{"name":"hanging","required":false,"source":"global","typeRef":365},{"name":"headers","required":false,"source":"global","typeRef":359},{"name":"height","required":false,"source":"global","typeRef":365},{"name":"hidden","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"hiddenFrom","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"Breakpoint above which the component is hidden with `display: none`","typeRef":177},{"name":"horizAdvX","required":false,"source":"global","typeRef":365},{"name":"horizOriginX","required":false,"source":"global","typeRef":365},{"name":"href","required":false,"source":"global","typeRef":359},{"name":"id","required":false,"source":"global","description":"Static id used as base to generate `aria-` attributes, by default generates random id","typeRef":359},{"name":"ideographic","required":false,"source":"global","typeRef":365},{"name":"imageRendering","required":false,"source":"global","typeRef":365},{"name":"in","required":false,"source":"global","typeRef":359},{"name":"in2","required":false,"source":"global","typeRef":365},{"name":"inert","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"inlist","required":false,"source":"global","typeRef":370},{"name":"inputMode","required":false,"source":"global","literalValues":["decimal","email","none","numeric","search","tel","text","url"],"description":"Hints at the type of data that might be entered by the user while editing the element or its contents","typeRef":68},{"name":"intercept","required":false,"source":"global","typeRef":365},{"name":"is","required":false,"source":"global","description":"Specify that a standard HTML element should behave like a defined custom built-in element","typeRef":359},{"name":"itemID","required":false,"source":"global","typeRef":359},{"name":"itemProp","required":false,"source":"global","typeRef":359},{"name":"itemScope","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"itemType","required":false,"source":"global","typeRef":359},{"name":"k","required":false,"source":"global","typeRef":365},{"name":"k1","required":false,"source":"global","typeRef":365},{"name":"k2","required":false,"source":"global","typeRef":365},{"name":"k3","required":false,"source":"global","typeRef":365},{"name":"k4","required":false,"source":"global","typeRef":365},{"name":"kernelMatrix","required":false,"source":"global","typeRef":365},{"name":"kernelUnitLength","required":false,"source":"global","typeRef":365},{"name":"kerning","required":false,"source":"global","typeRef":365},{"name":"key","required":false,"source":"global","description":"Stable identity used by React when rendering collections.","typeRef":173},{"name":"keyPoints","required":false,"source":"global","typeRef":365},{"name":"keySplines","required":false,"source":"global","typeRef":365},{"name":"keyTimes","required":false,"source":"global","typeRef":365},{"name":"lang","required":false,"source":"global","typeRef":359},{"name":"lengthAdjust","required":false,"source":"global","typeRef":365},{"name":"letterSpacing","required":false,"source":"global","typeRef":365},{"name":"lh","required":false,"source":"global","literalValues":["h1","h2","h3","h4","h5","h6","lg","md","sm","xl","xs"],"description":"LineHeight, theme key: lineHeights","typeRef":311},{"name":"lightHidden","required":false,"source":"global","literalValues":[false,true],"description":"Determines whether component should be hidden in light color scheme with `display: none`","typeRef":341},{"name":"lightingColor","required":false,"source":"global","typeRef":365},{"name":"limitingConeAngle","required":false,"source":"global","typeRef":365},{"name":"list","required":false,"source":"global","typeRef":359},{"name":"local","required":false,"source":"global","typeRef":365},{"name":"lts","required":false,"source":"global","description":"LetterSpacing","typeRef":300},{"name":"m","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"Margin, theme key: theme.spacing","typeRef":284},{"name":"mah","required":false,"source":"global","description":"MaxHeight, theme key: theme.spacing","typeRef":301},{"name":"markerEnd","required":false,"source":"global","typeRef":359},{"name":"markerHeight","required":false,"source":"global","typeRef":365},{"name":"markerMid","required":false,"source":"global","typeRef":359},{"name":"markerStart","required":false,"source":"global","typeRef":359},{"name":"markerUnits","required":false,"source":"global","typeRef":365},{"name":"markerWidth","required":false,"source":"global","typeRef":365},{"name":"mask","required":false,"source":"global","typeRef":359},{"name":"maskContentUnits","required":false,"source":"global","typeRef":365},{"name":"maskUnits","required":false,"source":"global","typeRef":365},{"name":"mathematical","required":false,"source":"global","typeRef":365},{"name":"maw","required":false,"source":"global","description":"MaxWidth, theme key: theme.spacing","typeRef":302},{"name":"max","required":false,"source":"global","typeRef":365},{"name":"maxLength","required":false,"source":"global","typeRef":353},{"name":"mb","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginBottom, theme key: theme.spacing","typeRef":284},{"name":"me","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginInlineEnd, theme key: theme.spacing","typeRef":284},{"name":"media","required":false,"source":"global","typeRef":359},{"name":"method","required":false,"source":"global","typeRef":359},{"name":"mie","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginInlineEnd, theme key: theme.spacing","typeRef":284},{"name":"mih","required":false,"source":"global","description":"MinHeight, theme key: theme.spacing","typeRef":303},{"name":"min","required":false,"source":"global","typeRef":365},{"name":"minLength","required":false,"source":"global","typeRef":353},{"name":"mis","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginInlineStart, theme key: theme.spacing","typeRef":284},{"name":"miw","required":false,"source":"global","description":"MinWidth, theme key: theme.spacing","typeRef":304},{"name":"ml","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginLeft, theme key: theme.spacing","typeRef":284},{"name":"mod","required":false,"source":"global","description":"Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed","typeRef":143},{"name":"mode","required":false,"source":"global","typeRef":365},{"name":"mr","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginRight, theme key: theme.spacing","typeRef":284},{"name":"ms","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginInlineStart, theme key: theme.spacing","typeRef":284},{"name":"mt","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginTop, theme key: theme.spacing","typeRef":284},{"name":"multiple","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"mx","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginInline, theme key: theme.spacing","typeRef":284},{"name":"my","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginBlock, theme key: theme.spacing","typeRef":284},{"name":"name","required":false,"source":"global","typeRef":359},{"name":"nonce","required":false,"source":"global","typeRef":359},{"name":"numOctaves","required":false,"source":"global","typeRef":365},{"name":"offset","required":false,"source":"global","typeRef":365},{"name":"opacity","required":false,"source":"global","literalValues":["-moz-initial","inherit","initial","revert","revert-layer","unset"],"typeRef":305},{"name":"operator","required":false,"source":"global","typeRef":365},{"name":"order","required":false,"source":"global","typeRef":365},{"name":"orient","required":false,"source":"global","typeRef":365},{"name":"orientation","required":false,"source":"global","typeRef":365},{"name":"origin","required":false,"source":"global","typeRef":365},{"name":"overflow","required":false,"source":"global","typeRef":365},{"name":"overlinePosition","required":false,"source":"global","typeRef":365},{"name":"overlineThickness","required":false,"source":"global","typeRef":365},{"name":"p","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"Padding, theme key: theme.spacing","typeRef":284},{"name":"paintOrder","required":false,"source":"global","typeRef":365},{"name":"panose1","required":false,"source":"global","typeRef":365},{"name":"part","required":false,"source":"global","typeRef":359},{"name":"path","required":false,"source":"global","typeRef":359},{"name":"pathLength","required":false,"source":"global","typeRef":365},{"name":"pattern","required":false,"source":"global","typeRef":359},{"name":"patternContentUnits","required":false,"source":"global","typeRef":359},{"name":"patternTransform","required":false,"source":"global","typeRef":365},{"name":"patternUnits","required":false,"source":"global","typeRef":359},{"name":"pb","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingBottom, theme key: theme.spacing","typeRef":284},{"name":"pe","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingInlineEnd, theme key: theme.spacing","typeRef":284},{"name":"pie","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingInlineEnd, theme key: theme.spacing","typeRef":284},{"name":"pis","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingInlineStart, theme key: theme.spacing","typeRef":284},{"name":"pl","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingLeft, theme key: theme.spacing","typeRef":284},{"name":"placeholder","required":false,"source":"global","typeRef":359},{"name":"pointerEvents","required":false,"source":"global","typeRef":365},{"name":"points","required":false,"source":"global","typeRef":359},{"name":"pointsAtX","required":false,"source":"global","typeRef":365},{"name":"pointsAtY","required":false,"source":"global","typeRef":365},{"name":"pointsAtZ","required":false,"source":"global","typeRef":365},{"name":"pr","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingRight, theme key: theme.spacing","typeRef":284},{"name":"prefix","required":false,"source":"global","typeRef":359},{"name":"preserveAlpha","required":false,"source":"global","literalValues":[false,"false",true,"true"],"typeRef":347},{"name":"preserveAspectRatio","required":false,"source":"global","typeRef":359},{"name":"primitiveUnits","required":false,"source":"global","typeRef":365},{"name":"property","required":false,"source":"global","typeRef":359},{"name":"ps","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingInlineStart, theme key: theme.spacing","typeRef":284},{"name":"pt","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingTop, theme key: theme.spacing","typeRef":284},{"name":"px","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingInline, theme key: theme.spacing","typeRef":284},{"name":"py","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingBlock, theme key: theme.spacing","typeRef":284},{"name":"r","required":false,"source":"global","typeRef":365},{"name":"radioGroup","required":false,"source":"global","typeRef":359},{"name":"radius","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem","typeRef":180},{"name":"readOnly","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"rel","required":false,"source":"global","typeRef":359},{"name":"renderingIntent","required":false,"source":"global","typeRef":365},{"name":"repeatCount","required":false,"source":"global","typeRef":365},{"name":"repeatDur","required":false,"source":"global","typeRef":365},{"name":"required","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"requiredExtensions","required":false,"source":"global","typeRef":365},{"name":"requiredFeatures","required":false,"source":"global","typeRef":365},{"name":"resource","required":false,"source":"global","typeRef":359},{"name":"restart","required":false,"source":"global","typeRef":365},{"name":"result","required":false,"source":"global","typeRef":359},{"name":"results","required":false,"source":"global","typeRef":353},{"name":"rev","required":false,"source":"global","typeRef":359},{"name":"role","required":false,"source":"global","typeRef":140},{"name":"rotate","required":false,"source":"global","typeRef":365},{"name":"rowSpan","required":false,"source":"global","typeRef":353},{"name":"rows","required":false,"source":"global","typeRef":353},{"name":"rules","required":false,"source":"global","literalValues":["all","columns","groups","none","rows"],"typeRef":54},{"name":"rx","required":false,"source":"global","typeRef":365},{"name":"ry","required":false,"source":"global","typeRef":365},{"name":"scale","required":false,"source":"global","typeRef":365},{"name":"scope","required":false,"source":"global","typeRef":359},{"name":"security","required":false,"source":"global","typeRef":359},{"name":"seed","required":false,"source":"global","typeRef":365},{"name":"shadow","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.shadows` or any other valid CSS `box-shadow` value","typeRef":181},{"name":"shapeRendering","required":false,"source":"global","typeRef":365},{"name":"size","required":false,"source":"global","literalValues":["compact-lg","compact-md","compact-sm","compact-xl","compact-xs","input-lg","input-md","input-sm","input-xl","input-xs","lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"slope","required":false,"source":"global","typeRef":365},{"name":"slot","required":false,"source":"global","typeRef":359},{"name":"spacing","required":false,"source":"global","typeRef":365},{"name":"specularConstant","required":false,"source":"global","typeRef":365},{"name":"specularExponent","required":false,"source":"global","typeRef":365},{"name":"speed","required":false,"source":"global","typeRef":365},{"name":"spellCheck","required":false,"source":"global","literalValues":[false,"false",true,"true"],"typeRef":347},{"name":"spreadMethod","required":false,"source":"global","typeRef":359},{"name":"src","required":false,"source":"global","typeRef":359},{"name":"startOffset","required":false,"source":"global","typeRef":365},{"name":"stdDeviation","required":false,"source":"global","typeRef":365},{"name":"stemh","required":false,"source":"global","typeRef":365},{"name":"stemv","required":false,"source":"global","typeRef":365},{"name":"step","required":false,"source":"global","typeRef":365},{"name":"stitchTiles","required":false,"source":"global","typeRef":365},{"name":"stopColor","required":false,"source":"global","typeRef":359},{"name":"stopOpacity","required":false,"source":"global","typeRef":365},{"name":"strikethroughPosition","required":false,"source":"global","typeRef":365},{"name":"strikethroughThickness","required":false,"source":"global","typeRef":365},{"name":"string","required":false,"source":"global","typeRef":365},{"name":"stroke","required":false,"source":"global","typeRef":359},{"name":"strokeDasharray","required":false,"source":"global","typeRef":365},{"name":"strokeDashoffset","required":false,"source":"global","typeRef":365},{"name":"strokeLinecap","required":false,"source":"global","literalValues":["butt","inherit","round","square"],"typeRef":43},{"name":"strokeLinejoin","required":false,"source":"global","literalValues":["bevel","inherit","miter","round"],"typeRef":44},{"name":"strokeMiterlimit","required":false,"source":"global","typeRef":365},{"name":"strokeOpacity","required":false,"source":"global","typeRef":365},{"name":"strokeWidth","required":false,"source":"global","typeRef":365},{"name":"style","required":false,"source":"global","description":"Style to apply to the root element, used for virtualizer positioning","typeRef":146},{"name":"styles","required":false,"source":"global","typeRef":220},{"name":"summary","required":false,"source":"global","typeRef":359},{"name":"surfaceScale","required":false,"source":"global","typeRef":365},{"name":"systemLanguage","required":false,"source":"global","typeRef":365},{"name":"ta","required":false,"source":"global","literalValues":["-khtml-center","-khtml-left","-khtml-right","-moz-center","-moz-initial","-moz-left","-moz-right","-webkit-center","-webkit-left","-webkit-match-parent","-webkit-right","center","end","inherit","initial","justify","left","match-parent","revert","revert-layer","right","start","unset"],"description":"TextAlign","typeRef":306},{"name":"tabIndex","required":false,"source":"global","description":"Tab index for the node","typeRef":353},{"name":"tableValues","required":false,"source":"global","typeRef":365},{"name":"target","required":false,"source":"global","typeRef":359},{"name":"targetX","required":false,"source":"global","typeRef":365},{"name":"targetY","required":false,"source":"global","typeRef":365},{"name":"td","required":false,"source":"global","description":"TextDecoration","typeRef":307},{"name":"textAnchor","required":false,"source":"global","literalValues":["end","inherit","middle","start"],"typeRef":41},{"name":"textDecoration","required":false,"source":"global","typeRef":365},{"name":"textLength","required":false,"source":"global","typeRef":365},{"name":"textRendering","required":false,"source":"global","typeRef":365},{"name":"title","required":false,"source":"global","description":"Item title, displayed next to the bullet","typeRef":359},{"name":"to","required":false,"source":"global","typeRef":365},{"name":"transform","required":false,"source":"global","typeRef":359},{"name":"translate","required":false,"source":"global","literalValues":["no","yes"],"typeRef":83},{"name":"tt","required":false,"source":"global","literalValues":["-moz-initial","capitalize","full-size-kana","full-width","inherit","initial","lowercase","math-auto","none","revert","revert-layer","unset","uppercase"],"description":"TextTransform","typeRef":308},{"name":"type","required":false,"source":"global","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":20},{"name":"typeof","required":false,"source":"global","typeRef":359},{"name":"u1","required":false,"source":"global","typeRef":365},{"name":"u2","required":false,"source":"global","typeRef":365},{"name":"underlinePosition","required":false,"source":"global","typeRef":365},{"name":"underlineThickness","required":false,"source":"global","typeRef":365},{"name":"unicode","required":false,"source":"global","typeRef":365},{"name":"unicodeBidi","required":false,"source":"global","typeRef":365},{"name":"unicodeRange","required":false,"source":"global","typeRef":365},{"name":"unitsPerEm","required":false,"source":"global","typeRef":365},{"name":"unselectable","required":false,"source":"global","literalValues":["off","on"],"typeRef":64},{"name":"vAlphabetic","required":false,"source":"global","typeRef":365},{"name":"vHanging","required":false,"source":"global","typeRef":365},{"name":"vIdeographic","required":false,"source":"global","typeRef":365},{"name":"vMathematical","required":false,"source":"global","typeRef":365},{"name":"valign","required":false,"source":"global","literalValues":["baseline","bottom","middle","top"],"typeRef":17},{"name":"value","required":false,"source":"global","typeRef":366},{"name":"values","required":false,"source":"global","typeRef":359},{"name":"variant","required":false,"source":"global","literalValues":["contained","contrast","dashed","default","dot","dotted","filled","gradient","light","outline","pills","separated","solid","subtle","text","transparent","unstyled","vertical","white"],"description":"Variant passed from parent component, sets `data-variant`","typeRef":359},{"name":"vectorEffect","required":false,"source":"global","typeRef":365},{"name":"version","required":false,"source":"global","typeRef":359},{"name":"vertAdvY","required":false,"source":"global","typeRef":365},{"name":"vertOriginX","required":false,"source":"global","typeRef":365},{"name":"vertOriginY","required":false,"source":"global","typeRef":365},{"name":"viewBox","required":false,"source":"global","typeRef":359},{"name":"viewTarget","required":false,"source":"global","typeRef":365},{"name":"visibility","required":false,"source":"global","typeRef":365},{"name":"visibleFrom","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"Breakpoint below which the component is hidden with `display: none`","typeRef":177},{"name":"vocab","required":false,"source":"global","typeRef":359},{"name":"w","required":false,"source":"global","description":"Width, theme key: theme.spacing","typeRef":309},{"name":"width","required":false,"source":"global","typeRef":365},{"name":"widths","required":false,"source":"global","typeRef":365},{"name":"withBorder","required":false,"source":"global","literalValues":[false,true],"description":"Adds border to the root element","typeRef":341},{"name":"wordSpacing","required":false,"source":"global","typeRef":365},{"name":"wrap","required":false,"source":"global","typeRef":359},{"name":"writingMode","required":false,"source":"global","typeRef":365},{"name":"x","required":false,"source":"global","typeRef":365},{"name":"x1","required":false,"source":"global","typeRef":365},{"name":"x2","required":false,"source":"global","typeRef":365},{"name":"xChannelSelector","required":false,"source":"global","typeRef":359},{"name":"xHeight","required":false,"source":"global","typeRef":365},{"name":"xlinkActuate","required":false,"source":"global","typeRef":359},{"name":"xlinkArcrole","required":false,"source":"global","typeRef":359},{"name":"xlinkHref","required":false,"source":"global","typeRef":359},{"name":"xlinkRole","required":false,"source":"global","typeRef":359},{"name":"xlinkShow","required":false,"source":"global","typeRef":359},{"name":"xlinkTitle","required":false,"source":"global","typeRef":359},{"name":"xlinkType","required":false,"source":"global","typeRef":359},{"name":"xmlBase","required":false,"source":"global","typeRef":359},{"name":"xmlLang","required":false,"source":"global","typeRef":359},{"name":"xmlSpace","required":false,"source":"global","typeRef":359},{"name":"xmlns","required":false,"source":"global","typeRef":359},{"name":"xmlnsXlink","required":false,"source":"global","typeRef":359},{"name":"y","required":false,"source":"global","typeRef":365},{"name":"y1","required":false,"source":"global","typeRef":365},{"name":"y2","required":false,"source":"global","typeRef":365},{"name":"yChannelSelector","required":false,"source":"global","typeRef":359},{"name":"z","required":false,"source":"global","typeRef":365},{"name":"zoomAndPan","required":false,"source":"global","typeRef":359}],"blockedCapabilities":[{"kind":"prop","name":"__proto__","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"apply","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"arguments","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"autoFocus","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"backdropFilter","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"behavior","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"bottom","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"call","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"callee","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"caller","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"children","reason":"Children must be expressed as interpreted JSX, not passed as a raw prop."},{"kind":"prop","name":"className","reason":"Unscoped class injection can escape widget CSS isolation."},{"kind":"prop","name":"classNames","reason":"Unscoped class injection can escape widget CSS isolation."},{"kind":"prop","name":"classes","reason":"Unscoped class injection can escape widget CSS isolation."},{"kind":"prop","name":"clipPath","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"component","reason":"Polymorphic roots can replace the Homarr-owned element boundary."},{"kind":"prop","name":"constructor","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"content","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"contentEditable","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"dangerouslySetInnerHTML","reason":"Raw HTML injection is not available to authored widgets."},{"kind":"prop","name":"filter","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"form","reason":"External form submission is outside the named-request security boundary."},{"kind":"prop","name":"formAction","reason":"External form submission is outside the named-request security boundary."},{"kind":"prop","name":"formEncType","reason":"External form submission is outside the named-request security boundary."},{"kind":"prop","name":"formMethod","reason":"External form submission is outside the named-request security boundary."},{"kind":"prop","name":"formNoValidate","reason":"External form submission is outside the named-request security boundary."},{"kind":"prop","name":"formTarget","reason":"External form submission is outside the named-request security boundary."},{"kind":"prop","name":"innerRef","reason":"Refs expose underlying React components and DOM nodes."},{"kind":"prop","name":"inset","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"left","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"mask","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"ping","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"pointerEvents","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"popover","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"popoverTarget","reason":"Portal targeting can render or interact outside the widget root."},{"kind":"prop","name":"popoverTargetAction","reason":"Portal targeting can render or interact outside the widget root."},{"kind":"prop","name":"portalProps","reason":"Portal targeting can render or interact outside the widget root."},{"kind":"prop","name":"pos","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"position","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"prototype","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"ref","reason":"Refs expose underlying React components and DOM nodes."},{"kind":"prop","name":"renderRoot","reason":"Polymorphic roots can replace the Homarr-owned element boundary."},{"kind":"prop","name":"right","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"srcDoc","reason":"Raw HTML injection is not available to authored widgets."},{"kind":"prop","name":"suppressContentEditableWarning","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"suppressHydrationWarning","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"top","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"withinPortal","reason":"Portal targeting can render or interact outside the widget root."},{"kind":"prop","name":"zIndex","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop-pattern","name":"on*","reason":"Authored event callbacks can execute code outside the declarative runtime."},{"kind":"prop-pattern","name":"*Ref","reason":"Refs expose underlying React components and DOM nodes."},{"kind":"prop-pattern","name":"__*","reason":"Private and prototype-related properties are outside the supported authoring surface."}],"components":[{"name":"Accordion","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion/","props":[{"name":"attributes","required":false,"source":"component","typeRef":421},{"name":"chevron","required":false,"source":"component","description":"Custom chevron icon","typeRef":263},{"name":"chevronIconSize","required":false,"source":"component","description":"Size of the default chevron icon. Ignored when `chevron` prop is set. Use `chevronSize` instead when using custom chevron.","typeRef":365},{"name":"chevronPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the chevron relative to the item label","typeRef":47},{"name":"chevronSize","required":false,"source":"component","description":"Size of the chevron icon container","typeRef":365},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":138},{"name":"disableChevronRotation","required":false,"source":"component","literalValues":[false,true],"description":"If set, chevron rotation is disabled","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set to `false`, panels are unmounted when collapsed. By default, panels stay mounted when collapsed.","typeRef":341},{"name":"loop","required":false,"source":"component","literalValues":[false,true],"description":"If set, arrow keys loop through items (first to last and last to first)","typeRef":341},{"name":"multiple","required":false,"source":"component","description":"If set, multiple items can be opened at the same time","typeRef":186},{"name":"order","required":false,"source":"component","literalValues":[2,3,4,5,6],"description":"Sets heading level (h2-h6) for `Accordion.Control` elements. Wraps each control in the corresponding heading tag, recommended to meet WAI-ARIA accessibility requirements. Has no visual effect.","typeRef":136},{"name":"transitionDuration","required":false,"source":"component","description":"Transition duration in ms","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":138},{"name":"variant","required":false,"source":"component","literalValues":["contained","default","filled","separated"],"typeRef":112}],"blockedProps":[],"subcomponents":["Accordion.Chevron","Accordion.Control","Accordion.Item","Accordion.Panel"],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Accordion.Chevron","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"display","required":false,"source":"component","typeRef":365},{"name":"opacity","required":false,"source":"component","typeRef":365},{"name":"radius","required":false,"source":"component","typeRef":365},{"name":"size","required":false,"source":"component","description":"Controls `width` and `height` of the icon, `16` by default","typeRef":365},{"name":"type","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Accordion.Control","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion/","props":[{"name":"chevron","required":false,"source":"component","description":"Custom chevron icon","typeRef":263},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"icon","required":false,"source":"component","description":"Icon displayed next to the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":227},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Accordion.Item","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":217},{"name":"value","required":true,"source":"component","description":"Value that is used to manage the accordion state","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Accordion.Panel","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, overrides the Accordion-level `keepMounted` value. When undefined (default), uses Accordion's `keepMounted` setting.","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":228},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"AccordionChevron","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion-chevron/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"display","required":false,"source":"component","typeRef":365},{"name":"opacity","required":false,"source":"component","typeRef":365},{"name":"radius","required":false,"source":"component","typeRef":365},{"name":"size","required":false,"source":"component","description":"Controls `width` and `height` of the icon, `16` by default","typeRef":365},{"name":"type","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"AccordionControl","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion-control/","props":[{"name":"chevron","required":false,"source":"component","description":"Custom chevron icon","typeRef":263},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"icon","required":false,"source":"component","description":"Icon displayed next to the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":227},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"AccordionItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion-item/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":217},{"name":"value","required":true,"source":"component","description":"Value that is used to manage the accordion state","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"AccordionPanel","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion-panel/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, overrides the Accordion-level `keepMounted` value. When undefined (default), uses Accordion's `keepMounted` setting.","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":228},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"ActionButton","package":"@homarr/widgets","category":"network","safety":"wrapped","description":"Runs a named user-triggered action.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"color","source":"component","required":false,"typeRef":359},{"name":"confirmMessage","source":"component","required":false,"typeRef":359},{"name":"disabled","source":"component","required":false,"typeRef":338},{"name":"errorMessage","source":"component","required":false,"typeRef":359},{"name":"fullWidth","source":"component","required":false,"typeRef":338},{"name":"icon","source":"component","required":false,"typeRef":359},{"name":"label","source":"component","required":false,"typeRef":359},{"name":"params","source":"component","required":false,"typeRef":270},{"name":"requestId","source":"component","required":false,"description":"Identifier of the named Custom Widget action.","typeRef":359},{"name":"size","source":"component","required":false,"typeRef":359},{"name":"successMessage","source":"component","required":false,"typeRef":359},{"name":"variant","source":"component","required":false,"typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Action labels must describe their effect; destructive actions require confirmation."]},{"name":"ActionIcon","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/action-icon/","props":[{"name":"attributes","required":false,"source":"component","typeRef":459},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color.","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"gradient","required":false,"source":"component","description":"Gradient values used with `variant=\"gradient\"`.","typeRef":179},{"name":"loaderProps","required":false,"source":"component","description":"Props passed down to the `Loader` component. Ignored when `loading` prop is not set.","typeRef":176},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"If set, `Loader` component is displayed instead of the `children`","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["input-lg","input-md","input-sm","input-xl","input-xs","lg","md","sm","xl","xs"],"description":"Controls width and height of the button. Numbers are converted to rem.","typeRef":356},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","gradient","light","outline","subtle","transparent","white"],"typeRef":113}],"blockedProps":[],"subcomponents":["ActionIcon.Group","ActionIcon.GroupSection"],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ActionIcon.Group","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/action-icon/","props":[{"name":"attributes","required":false,"source":"component","typeRef":400},{"name":"borderWidth","required":false,"source":"component","description":"`border-width` of the child components.","typeRef":365},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Group orientation","typeRef":36},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ActionIcon.GroupSection","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/action-icon/","props":[{"name":"attributes","required":false,"source":"component","typeRef":401},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"gradient","required":false,"source":"component","description":"Gradient values used with `variant=\"gradient\"`.","typeRef":179},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls section `height`, `font-size` and horizontal `padding`","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","gradient","light","outline","subtle","transparent","white"],"typeRef":113}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ActionIconGroup","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/action-icon-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":400},{"name":"borderWidth","required":false,"source":"component","description":"`border-width` of the child components.","typeRef":365},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Group orientation","typeRef":36},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ActionIconGroupSection","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/action-icon-group-section/","props":[{"name":"attributes","required":false,"source":"component","typeRef":401},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"gradient","required":false,"source":"component","description":"Gradient values used with `variant=\"gradient\"`.","typeRef":179},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls section `height`, `font-size` and horizontal `padding`","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","gradient","light","outline","subtle","transparent","white"],"typeRef":113}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Affix","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/affix/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes the widget layout boundary"},{"name":"Alert","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/alert/","props":[{"name":"attributes","required":false,"source":"component","typeRef":378},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"closeButtonLabel","required":false,"source":"component","description":"Close button `aria-label`","typeRef":359},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"icon","required":false,"source":"component","description":"Icon displayed next to the title","typeRef":263},{"name":"title","required":false,"source":"component","description":"Alert title","typeRef":263},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","light","outline","transparent","white"],"typeRef":114},{"name":"withCloseButton","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether close button should be displayed","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"AlphaSlider","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/alpha-slider/","props":[{"name":"attributes","required":false,"source":"component","typeRef":474},{"name":"color","required":true,"source":"component","typeRef":359},{"name":"focusable","required":false,"source":"component","literalValues":[false,true],"description":"If set, slider thumb can be focused","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Slider size","typeRef":182},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":true,"source":"component","description":"Controlled component value","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Anchor","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/anchor/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration, ignored when `variant` is not `gradient`","typeRef":179},{"name":"inherit","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether font properties should be inherited from the parent","typeRef":341},{"name":"inline","required":false,"source":"component","literalValues":[false,true],"description":"Sets `line-height` to 1 for centering","typeRef":341},{"name":"lineClamp","required":false,"source":"component","description":"Number of lines after which Text will be truncated","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls `font-size` and `line-height`","typeRef":82},{"name":"textWrap","required":false,"source":"component","literalValues":["balance","nowrap","pretty","stable","wrap"],"description":"Controls `text-wrap` CSS property","typeRef":79},{"name":"truncate","required":false,"source":"component","literalValues":["end",false,"start",true],"description":"Side on which Text must be truncated, if `true`, text is truncated from the start","typeRef":344},{"name":"underline","required":false,"source":"component","literalValues":["always","hover","never","not-hover"],"description":"Defines when `text-decoration: underline` styles are applied.","typeRef":10},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["gradient","text"],"typeRef":131}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"AngleSlider","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/angle-slider/","props":[{"name":"attributes","required":false,"source":"component","typeRef":423},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":353},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":261},{"name":"marks","required":false,"source":"component","description":"Array of marks displayed on the slider","typeRef":477},{"name":"restrictToMarks","required":false,"source":"component","literalValues":[false,true],"description":"If set, the selection is allowed only from the given marks array","typeRef":341},{"name":"size","required":false,"source":"component","description":"Slider size in px","typeRef":353},{"name":"step","required":false,"source":"component","description":"Step between values","typeRef":353},{"name":"thumbSize","required":false,"source":"component","description":"Size of the thumb in px. Calculated based on the `size` value by default.","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withLabel","required":false,"source":"component","literalValues":[false,true],"description":"If set, the label is displayed inside the slider","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"AppShell","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":["AppShell.Aside","AppShell.Footer","AppShell.Header","AppShell.Main","AppShell.Navbar","AppShell.Section"],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShell.Aside","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShell.Footer","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShell.Header","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShell.Main","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShell.Navbar","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShell.Section","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShellAside","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell-aside/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShellFooter","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell-footer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShellHeader","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell-header/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShellMain","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell-main/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShellNavbar","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell-navbar/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShellSection","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell-section/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AreaChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/area-chart/","props":[{"name":"activeDotProps","required":false,"source":"component","description":"Props passed down to all active dots. Ignored if `withDots={false}` is set.","typeRef":178},{"name":"areaChartProps","required":false,"source":"component","description":"Props passed down to recharts `AreaChart` component","typeRef":91},{"name":"attributes","required":false,"source":"component","typeRef":371},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"connectNulls","required":false,"source":"component","literalValues":[false,true],"description":"If set, points with `null` values are connected","typeRef":341},{"name":"curveType","required":false,"source":"component","literalValues":["bump","linear","monotone","natural","step","stepAfter","stepBefore"],"description":"Type of the curve","typeRef":69},{"name":"data","required":true,"source":"component","description":"Data used to display chart","typeRef":148},{"name":"dataKey","required":true,"source":"component","description":"Key of the `data` object for x-axis values","typeRef":359},{"name":"dotProps","required":false,"source":"component","description":"Props passed down to all dots. Ignored if `withDots={false}` is set.","typeRef":178},{"name":"fillOpacity","required":false,"source":"component","description":"Controls fill opacity of all areas","typeRef":353},{"name":"gridAxis","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which lines should be displayed in the grid, `'x'` by default","typeRef":61},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the grid and cursor lines, by default depends on color scheme","typeRef":162},{"name":"gridProps","required":false,"source":"component","description":"Props passed down to the `CartesianGrid` component","typeRef":189},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to the `Legend` component","typeRef":190},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Chart orientation, `'horizontal'` by default","typeRef":36},{"name":"referenceLines","required":false,"source":"component","description":"Reference lines that should be displayed on the chart","typeRef":149},{"name":"rightYAxisLabel","required":false,"source":"component","description":"A label to display next to the right y-axis","typeRef":359},{"name":"rightYAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component rendered on the right side","typeRef":199},{"name":"series","required":true,"source":"component","description":"An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array.","typeRef":139},{"name":"splitColors","required":false,"source":"component","description":"A tuple of colors used when `type=\"split\"` is set, ignored in all other cases. A tuple may include theme colors reference or any valid CSS colors","typeRef":333},{"name":"splitOffset","required":false,"source":"component","description":"Offset for the split gradient. By default, value is inferred from `data` and `series` if possible. Must be generated from the data array with `getSplitOffset` function.","typeRef":353},{"name":"strokeWidth","required":false,"source":"component","description":"Stroke width for the chart areas","typeRef":353},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the text displayed inside the chart, `'dimmed'` by default","typeRef":162},{"name":"tickLine","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which axis should have tick line, `'y'` by default","typeRef":61},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip position animation duration in ms, `0` by default","typeRef":353},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip` component","typeRef":197},{"name":"type","required":false,"source":"component","literalValues":["default","percent","split","stacked"],"description":"Controls how chart areas are positioned relative to each other","typeRef":29},{"name":"unit","required":false,"source":"component","description":"Unit displayed next to each tick in y-axis","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withDots","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dots should be displayed","typeRef":341},{"name":"withGradient","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the chart area should be represented with a gradient instead of the solid color","typeRef":341},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart legend should be displayed, `false` by default","typeRef":341},{"name":"withPointLabels","required":false,"source":"component","literalValues":[false,true],"description":"If set, each point has an associated label","typeRef":341},{"name":"withRightYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart tooltip should be displayed, `true` by default","typeRef":341},{"name":"withXAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether x-axis should be displayed, `true` by default","typeRef":341},{"name":"withYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether y-axis should be displayed, `true` by default","typeRef":341},{"name":"xAxisLabel","required":false,"source":"component","description":"A label to display below the x-axis","typeRef":359},{"name":"xAxisProps","required":false,"source":"component","description":"Props passed down to the `XAxis` recharts component","typeRef":198},{"name":"yAxisLabel","required":false,"source":"component","description":"A label to display next to the y-axis","typeRef":359},{"name":"yAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component","typeRef":199}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"AreaGradient","package":"@mantine/charts","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/charts/area-gradient/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level chart implementation helper"},{"name":"AspectRatio","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/aspect-ratio/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"ratio","required":false,"source":"component","description":"Aspect ratio, for example, `16 / 9`, `4 / 3`, `1920 / 1080`","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Autocomplete","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/autocomplete/","props":[{"name":"attributes","required":false,"source":"component","typeRef":405},{"name":"autoSelectOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"If set, the highlighted option is selected when the input loses focus","typeRef":341},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":172},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, the clear button is displayed when the component has a value","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"comboboxProps","required":false,"source":"component","description":"Props passed down to `Combobox` component","typeRef":153},{"name":"data","required":false,"source":"component","description":"Data used to display options. Values must be unique.","typeRef":152},{"name":"defaultDropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled dropdown initial opened state","typeRef":341},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":359},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"dropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled dropdown opened state","typeRef":341},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"floatingHeight","required":false,"source":"component","literalValues":["viewport"],"description":"If set to `'viewport'`, the dropdown grows to fill the available vertical space in the viewport. Disables the `flip` middleware.","typeRef":78},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"limit","required":false,"source":"component","description":"Maximum number of options displayed at a time, `Infinity` by default","typeRef":353},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"maxDropdownHeight","required":false,"source":"component","description":"`max-height` of the dropdown, only applicable when `withScrollArea` prop is `true`, `250` by default","typeRef":365},{"name":"openOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown opens when the input receives focus","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed to the underlying `ScrollArea` component in the dropdown","typeRef":274},{"name":"selectFirstOptionOnChange","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when value changes, `false` by default","typeRef":341},{"name":"selectFirstOptionOnDropdownOpen","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when dropdown opens, `false` by default","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withScrollArea","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the options should be wrapped with `ScrollArea.AutoSize`, `true` by default","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Avatar","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/avatar/","props":[{"name":"allowedInitialsColors","required":false,"source":"component","description":"A list of colors that is used for autogenerated initials. By default, all default Mantine colors can be used except gray and dark.","typeRef":164},{"name":"attributes","required":false,"source":"component","typeRef":404},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","initials","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":163},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration for `variant=\"gradient\"`","typeRef":179},{"name":"imageProps","required":false,"source":"component","description":"Attributes passed down to `img` element","typeRef":260},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Width and height of the avatar, numbers are converted to rem","typeRef":355},{"name":"src","required":false,"source":"component","description":"Image url, if the image cannot be loaded or `src={null}`, then placeholder is displayed instead","typeRef":352},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","gradient","light","outline","transparent","white"],"typeRef":115}],"blockedProps":[],"subcomponents":["Avatar.Group"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Avatar.Group","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/avatar/","props":[{"name":"attributes","required":false,"source":"component","typeRef":400},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"spacing","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Negative space between Avatar components","typeRef":183},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"AvatarGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/avatar-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":400},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"spacing","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Negative space between Avatar components","typeRef":183},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"BackgroundImage","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/background-image/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"src","required":true,"source":"component","description":"Image url","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Badge","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/badge/","props":[{"name":"attributes","required":false,"source":"component","typeRef":432},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"circle","required":false,"source":"component","literalValues":[false,true],"description":"If set, badge `min-width` becomes equal to its `height` and horizontal padding is removed","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether Badge should take 100% of its parent width","typeRef":341},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration used when `variant=\\\"gradient\\\"`","typeRef":179},{"name":"leftSection","required":false,"source":"component","description":"Content displayed on the left side of the badge label","typeRef":263},{"name":"rightSection","required":false,"source":"component","description":"Content displayed on the right side of the badge label","typeRef":263},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls `font-size`, `height` and horizontal `padding`","typeRef":182},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","dot","filled","gradient","light","outline","transparent","white"],"typeRef":116}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"BarChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/bar-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":436},{"name":"barChartProps","required":false,"source":"component","description":"Props passed down to recharts `BarChart` component","typeRef":91},{"name":"barLabelColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the bar label, by default the value is determined by the chart orientation","typeRef":162},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"cursorFill","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Fill of hovered bar section, by default value is based on color scheme","typeRef":162},{"name":"data","required":true,"source":"component","description":"Data used to display chart.","typeRef":267},{"name":"dataKey","required":true,"source":"component","description":"Key of the `data` object for x-axis values","typeRef":359},{"name":"fillOpacity","required":false,"source":"component","description":"Controls fill opacity of all bars","typeRef":353},{"name":"gridAxis","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which lines should be displayed in the grid, `'x'` by default","typeRef":61},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the grid and cursor lines, by default depends on color scheme","typeRef":162},{"name":"gridProps","required":false,"source":"component","description":"Props passed down to the `CartesianGrid` component","typeRef":189},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to the `Legend` component","typeRef":190},{"name":"maxBarWidth","required":false,"source":"component","description":"Maximum bar width in px","typeRef":353},{"name":"minBarSize","required":false,"source":"component","description":"Sets minimum height of the bar in px","typeRef":353},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Chart orientation, `'horizontal'` by default","typeRef":36},{"name":"referenceLines","required":false,"source":"component","description":"Reference lines that should be displayed on the chart","typeRef":149},{"name":"rightYAxisLabel","required":false,"source":"component","description":"A label to display next to the right y-axis","typeRef":359},{"name":"rightYAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component rendered on the right side","typeRef":199},{"name":"series","required":true,"source":"component","description":"An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array.","typeRef":141},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the text displayed inside the chart, `'dimmed'` by default","typeRef":162},{"name":"tickLine","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which axis should have tick line, `'y'` by default","typeRef":61},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip position animation duration in ms, `0` by default","typeRef":353},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip` component","typeRef":197},{"name":"type","required":false,"source":"component","literalValues":["default","percent","stacked","waterfall"],"description":"Controls how bars are positioned relative to each other","typeRef":30},{"name":"unit","required":false,"source":"component","description":"Unit displayed next to each tick in y-axis","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withBarValueLabel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether a label with bar value should be displayed on top of each bar, incompatible with `type=\"stacked\"` and `type=\"percent\"`","typeRef":341},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart legend should be displayed, `false` by default","typeRef":341},{"name":"withRightYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart tooltip should be displayed, `true` by default","typeRef":341},{"name":"withXAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether x-axis should be displayed, `true` by default","typeRef":341},{"name":"withYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether y-axis should be displayed, `true` by default","typeRef":341},{"name":"xAxisLabel","required":false,"source":"component","description":"A label to display below the x-axis","typeRef":359},{"name":"xAxisProps","required":false,"source":"component","description":"Props passed down to the `XAxis` recharts component","typeRef":198},{"name":"yAxisLabel","required":false,"source":"component","description":"A label to display next to the y-axis","typeRef":359},{"name":"yAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component","typeRef":199}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"BarsList","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/bars-list/","props":[{"name":"attributes","required":false,"source":"component","typeRef":453},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color","typeRef":341},{"name":"barColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Default bar background color, used when item does not have color specified","typeRef":162},{"name":"barGap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls gap between bars","typeRef":183},{"name":"barHeight","required":false,"source":"component","description":"Bar height","typeRef":365},{"name":"barTextColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Bar text color, overrides autoContrast","typeRef":162},{"name":"barsLabel","required":false,"source":"component","description":"Label displayed above the bars column","typeRef":359},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Data for bars","typeRef":142},{"name":"minBarSize","required":false,"source":"component","description":"Minimum bar width","typeRef":365},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"valueLabel","required":false,"source":"component","description":"Label displayed above the values column","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Blockquote","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/blockquote/","props":[{"name":"attributes","required":false,"source":"component","typeRef":391},{"name":"cite","required":false,"source":"component","description":"Reference to a cited quote","typeRef":263},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"icon","required":false,"source":"component","description":"Blockquote icon, displayed at the top left side","typeRef":263},{"name":"iconSize","required":false,"source":"component","description":"Controls icon `width` and `height`, numbers are converted to rem","typeRef":365},{"name":"textWrap","required":false,"source":"component","literalValues":["balance","nowrap","pretty","stable","wrap"],"description":"Controls `text-wrap` CSS property","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Box","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/box/","props":[{"name":"size","required":false,"source":"component","description":"Size passed from parent component, sets `data-size` if value is not number like","typeRef":365},{"name":"variant","required":false,"source":"component","description":"Variant passed from parent component, sets `data-variant`","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Breadcrumbs","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/breadcrumbs/","props":[{"name":"attributes","required":false,"source":"component","typeRef":467},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"separator","required":false,"source":"component","description":"Separator between children","typeRef":263},{"name":"separatorMargin","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls spacing between separator and breadcrumb","typeRef":183},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"BubbleChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/bubble-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":469},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the chart items. Key of `theme.colors` or any valid CSS color.","typeRef":162},{"name":"data","required":true,"source":"component","description":"Chart data","typeRef":267},{"name":"dataKey","required":true,"source":"component","description":"Data keys for x, y and z axis","typeRef":144},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the grid and cursor lines, by default depends on color scheme","typeRef":162},{"name":"label","required":false,"source":"component","description":"Chart label displayed next to the x axis","typeRef":359},{"name":"range","required":true,"source":"component","description":"Z axis range","typeRef":334},{"name":"scatterProps","required":false,"source":"component","description":"Props passed down to the `Scatter` component","typeRef":207},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the text displayed inside the chart","typeRef":162},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip` component","typeRef":197},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed","typeRef":341},{"name":"xAxisProps","required":false,"source":"component","description":"Props passed down to the `XAxis` recharts component","typeRef":198},{"name":"yAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component","typeRef":199},{"name":"zAxisProps","required":false,"source":"component","description":"Props passed down to the `ZAxis` recharts component","typeRef":200}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Burger","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/burger/","props":[{"name":"attributes","required":false,"source":"component","typeRef":454},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` of any valid CSS value, by default `theme.white` in dark color scheme and `theme.black` in light","typeRef":162},{"name":"lineSize","required":false,"source":"component","description":"Controls height of lines, by default calculated based on `size` prop","typeRef":365},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"State of the burger, when `true` burger is transformed into X","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls burger `width` and `height`, numbers are converted to rem","typeRef":355},{"name":"transitionDuration","required":false,"source":"component","description":"`transition-duration` property value in ms","typeRef":353},{"name":"transitionTimingFunction","required":false,"source":"component","description":"`transition-timing-function` property value","typeRef":359},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Button","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/button/","props":[{"name":"attributes","required":false,"source":"component","typeRef":431},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Sets `width: 100%`","typeRef":341},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration used for `variant=\"gradient\"`","typeRef":179},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"Sets `justify-content` of `inner` element, can be used to change distribution of sections and label","typeRef":248},{"name":"leftSection","required":false,"source":"component","description":"Content on the left side of the button label","typeRef":263},{"name":"loaderProps","required":false,"source":"component","description":"Props added to the `Loader` component (only visible when `loading` prop is set)","typeRef":176},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"If set, the `Loader` component is displayed over the button","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content on the right side of the button label","typeRef":263},{"name":"size","required":false,"source":"component","literalValues":["compact-lg","compact-md","compact-sm","compact-xl","compact-xs","lg","md","sm","xl","xs"],"description":"Controls button `height`, `font-size` and horizontal `padding`","typeRef":145},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","gradient","light","outline","subtle","transparent","white"],"typeRef":117}],"blockedProps":[],"subcomponents":["Button.Group","Button.GroupSection"],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Button.Group","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/button/","props":[{"name":"attributes","required":false,"source":"component","typeRef":400},{"name":"borderWidth","required":false,"source":"component","description":"`border-width` of the child `Button` components. Numbers are converted to rem.","typeRef":365},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Orientation of the group","typeRef":36},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Button.GroupSection","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/button/","props":[{"name":"attributes","required":false,"source":"component","typeRef":401},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration used when `variant=\"gradient\"`","typeRef":179},{"name":"size","required":false,"source":"component","literalValues":["compact-lg","compact-md","compact-sm","compact-xl","compact-xs","lg","md","sm","xl","xs"],"description":"Controls section `height`, `font-size` and horizontal `padding`","typeRef":145},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","gradient","light","outline","subtle","transparent","white"],"typeRef":117}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ButtonGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/button-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":400},{"name":"borderWidth","required":false,"source":"component","description":"`border-width` of the child `Button` components. Numbers are converted to rem.","typeRef":365},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Orientation of the group","typeRef":36},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"ButtonGroupSection","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/button-group-section/","props":[{"name":"attributes","required":false,"source":"component","typeRef":401},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration used when `variant=\"gradient\"`","typeRef":179},{"name":"size","required":false,"source":"component","literalValues":["compact-lg","compact-md","compact-sm","compact-xl","compact-xs","lg","md","sm","xl","xs"],"description":"Controls section `height`, `font-size` and horizontal `padding`","typeRef":145},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","gradient","light","outline","subtle","transparent","white"],"typeRef":117}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Calendar","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/calendar/","props":[{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":445},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level in uncontrolled mode","typeRef":52},{"name":"enableKeyboardNavigation","required":false,"source":"component","literalValues":[false,true],"description":"Enable enhanced keyboard navigation (Ctrl/Cmd + Arrow keys for year navigation, Ctrl/Cmd + Shift + Arrow keys for decade navigation, Y key to open year view)","typeRef":341},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":134},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":341},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level displayed in controlled mode","typeRef":52},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Max level that user can go up to (decade, year, month)","typeRef":52},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"minLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Min level that user can go down to (decade, year, month)","typeRef":52},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"static","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether days should be static, static days can be used to display month if it is not expected that user will interact with the component in any way","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":161},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":341},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"CalendarHeader","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/calendar-header/","props":[{"name":"attributes","required":false,"source":"component","typeRef":388},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the header should take the full width of its container","typeRef":341},{"name":"hasNextLevel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next level button should be enabled","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"label","required":false,"source":"component","description":"Label displayed between next and previous buttons","typeRef":263},{"name":"levelControlAriaLabel","required":false,"source":"component","description":"Level control `aria-label`","typeRef":359},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":341},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":341},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withNext","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next control should be rendered","typeRef":341},{"name":"withPrevious","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether previous control should be rendered","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"Card","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/card/","props":[{"name":"attributes","required":false,"source":"component","typeRef":473},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Card orientation","typeRef":36},{"name":"padding","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value to set padding","typeRef":183},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":["Card.Section"],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Card.Section","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/card/","props":[{"name":"inheritPadding","required":false,"source":"component","literalValues":[false,true],"description":"If set, the section inherits padding from the parent `Card`","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":224},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"CardSection","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/card-section/","props":[{"name":"inheritPadding","required":false,"source":"component","literalValues":[false,true],"description":"If set, the section inherits padding from the parent `Card`","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":224},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Center","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/center/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"inline","required":false,"source":"component","literalValues":[false,true],"description":"If set, `inline-flex` is used instead of `flex`","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"ChartLegend","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/chart-legend/","props":[{"name":"attributes","required":false,"source":"component","typeRef":437},{"name":"centered","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the legend should be centered","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"legendPosition","required":true,"source":"component","literalValues":["bottom","middle","top"],"description":"Position of the legend relative to the chart, used to apply margin on the corresponding side","typeRef":18},{"name":"payload","required":false,"source":"component","description":"Chart data provided by recharts","typeRef":358},{"name":"series","required":false,"source":"component","description":"Data used for labels, only applicable for area charts: AreaChart, LineChart, BarChart","typeRef":150},{"name":"showColor","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether color swatch should be shown next to the label","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"ChartTooltip","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/chart-tooltip/","props":[{"name":"attributes","required":false,"source":"component","typeRef":476},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"label","required":false,"source":"component","description":"Main tooltip label","typeRef":263},{"name":"payload","required":false,"source":"component","description":"Chart data provided by recharts","typeRef":268},{"name":"segmentId","required":false,"source":"component","description":"Segment to display data for, identified by its index in the data array (preferred, isolates duplicate names) or by its name. Only applicable when `type=\"radial\"`. If not set, all data is rendered.","typeRef":365},{"name":"series","required":false,"source":"component","description":"Chart series data, applicable only for `area` type","typeRef":150},{"name":"showColor","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the color swatch should be visible","typeRef":341},{"name":"type","required":false,"source":"component","literalValues":["area","radial","scatter"],"description":"Tooltip type that determines the content and styles, `area` for LineChart, AreaChart and BarChart, `radial` for DonutChart and PieChart","typeRef":11},{"name":"unit","required":false,"source":"component","description":"Data units, provided by parent component","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"CheckIcon","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/check-icon/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"display","required":false,"source":"component","typeRef":365},{"name":"opacity","required":false,"source":"component","typeRef":365},{"name":"radius","required":false,"source":"component","typeRef":365},{"name":"size","required":false,"source":"component","typeRef":365},{"name":"type","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Checkbox","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox/","props":[{"name":"attributes","required":false,"source":"component","typeRef":373},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts icon color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to set input background color in checked state","typeRef":162},{"name":"description","required":false,"source":"component","description":"Description below the label","typeRef":263},{"name":"error","required":false,"source":"component","description":"Error message below the label","typeRef":263},{"name":"iconColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to set icon color. By default, depends on `theme.autoContrast`.","typeRef":162},{"name":"indeterminate","required":false,"source":"component","literalValues":[false,true],"description":"Indeterminate state of the checkbox. If set, `checked` prop is dismissed.","typeRef":341},{"name":"label","required":false,"source":"component","description":"`label` associated with the checkbox","typeRef":263},{"name":"labelPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the label relative to the input","typeRef":47},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the component","typeRef":182},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["filled","outline"],"typeRef":119},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"If set, applies error styles to the checkbox when `error` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":103}],"blockedProps":[],"subcomponents":["Checkbox.Card","Checkbox.Group","Checkbox.Indicator"],"bind":{"type":"boolean","initialProp":"defaultChecked"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Checkbox.Card","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox/","props":[{"name":"attributes","required":false,"source":"component","typeRef":390},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value of the checkbox, used with `Checkbox.Group`","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Checkbox.Group","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox/","props":[{"name":"attributes","required":false,"source":"component","typeRef":426},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":330},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input for uncontrolled forms","typeRef":104},{"name":"hiddenInputValuesSeparator","required":false,"source":"component","description":"Separator for values in the hidden input for uncontrolled forms","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelElement","required":false,"source":"component","literalValues":["div","label"],"description":"Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually.","typeRef":31},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"maxSelectedValues","required":false,"source":"component","description":"Maximum number of checkboxes that can be selected. When the limit is reached, unselected checkboxes will be disabled","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the `Input.Wrapper`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":330},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element (`Input.Wrapper` component)","typeRef":103}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Checkbox.Indicator","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox/","props":[{"name":"attributes","required":false,"source":"component","typeRef":403},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts icon color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to set input background color in checked state","typeRef":162},{"name":"iconColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to set icon color, by default value depends on `theme.autoContrast`","typeRef":162},{"name":"indeterminate","required":false,"source":"component","literalValues":[false,true],"description":"Indeterminate state of the checkbox. If set, `checked` prop is ignored.","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the component","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["filled","outline"],"typeRef":118}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"CheckboxCard","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox-card/","props":[{"name":"attributes","required":false,"source":"component","typeRef":390},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value of the checkbox, used with `Checkbox.Group`","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"CheckboxGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":426},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":330},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input for uncontrolled forms","typeRef":104},{"name":"hiddenInputValuesSeparator","required":false,"source":"component","description":"Separator for values in the hidden input for uncontrolled forms","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelElement","required":false,"source":"component","literalValues":["div","label"],"description":"Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually.","typeRef":31},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"maxSelectedValues","required":false,"source":"component","description":"Maximum number of checkboxes that can be selected. When the limit is reached, unselected checkboxes will be disabled","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the `Input.Wrapper`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":330},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element (`Input.Wrapper` component)","typeRef":103}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"CheckboxIndicator","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox-indicator/","props":[{"name":"attributes","required":false,"source":"component","typeRef":403},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts icon color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to set input background color in checked state","typeRef":162},{"name":"iconColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to set icon color, by default value depends on `theme.autoContrast`","typeRef":162},{"name":"indeterminate","required":false,"source":"component","literalValues":[false,true],"description":"Indeterminate state of the checkbox. If set, `checked` prop is ignored.","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the component","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["filled","outline"],"typeRef":118}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Chip","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/chip/","props":[{"name":"attributes","required":false,"source":"component","typeRef":408},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on the chip background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color.","typeRef":162},{"name":"icon","required":false,"source":"component","description":"Any element or component to replace the default icon","typeRef":263},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls various properties related to the component size","typeRef":81},{"name":"type","required":false,"source":"component","literalValues":["checkbox","radio"],"description":"Chip input type","typeRef":25},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["filled","light","outline"],"typeRef":120},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":103}],"blockedProps":[],"subcomponents":["Chip.Group"],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Chip.Group","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/chip/","props":[{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component initial value","typeRef":99},{"name":"multiple","required":false,"source":"component","description":"If set, multiple values can be selected","typeRef":186},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":99}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ChipGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/chip-group/","props":[{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component initial value","typeRef":99},{"name":"multiple","required":false,"source":"component","description":"If set, multiple values can be selected","typeRef":186},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":99}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"CloseButton","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/close-button/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"icon","required":false,"source":"component","description":"React node to replace the default close icon. If set, `iconSize` prop is ignored.","typeRef":263},{"name":"iconSize","required":false,"source":"component","description":"`X` icon `width` and `height`","typeRef":365},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls width and height of the button. Numbers are converted to rem.","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["subtle","transparent"],"typeRef":121}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"CloseIcon","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/close-icon/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"display","required":false,"source":"component","typeRef":365},{"name":"opacity","required":false,"source":"component","typeRef":365},{"name":"radius","required":false,"source":"component","typeRef":365},{"name":"size","required":false,"source":"component","description":"Icon width and height, `var(--icon-size)` by default","typeRef":359},{"name":"type","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Code","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/code/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"block","required":false,"source":"component","literalValues":[false,true],"description":"If set, code is rendered in `pre`","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, controls `background-color` of the code. By default, calculated based on the color scheme.","typeRef":162},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Collapse","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/collapse/","props":[{"name":"animateOpacity","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the opacity is animated","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"expanded","required":true,"source":"component","literalValues":[false,true],"description":"Expanded state","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the element is kept in the DOM when collapsed. When `true`, React 19 `Activity` is used to preserve state while collapsed. When `false`, the element is unmounted after the exit animation.","typeRef":341},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Collapse orientation","typeRef":36},{"name":"transitionDuration","required":false,"source":"component","description":"Transition duration in ms","typeRef":353},{"name":"transitionTimingFunction","required":false,"source":"component","description":"Transition timing function","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Collapsible","package":"@homarr/widgets","category":"interaction","safety":"allowed","description":"Shows and hides a bounded content section.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"defaultOpen","source":"component","required":false,"typeRef":336},{"name":"title","source":"component","required":true,"typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ColorInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/color-input/","props":[{"name":"attributes","required":false,"source":"component","typeRef":374},{"name":"closeOnColorSwatchClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is closed when one of the color swatches is clicked","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":359},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"disallowInput","required":false,"source":"component","literalValues":[false,true],"description":"If input is not allowed, the user can only pick value with color picker and swatches","typeRef":341},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"eyeDropperButtonProps","required":false,"source":"component","description":"Props passed down to the eye dropper button","typeRef":266},{"name":"eyeDropperIcon","required":false,"source":"component","description":"An icon to replace the default eye dropper icon","typeRef":263},{"name":"fixOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"If set, the input value resets to the last known valid value when the input loses focus","typeRef":341},{"name":"format","required":false,"source":"component","literalValues":["hex","hexa","hsl","hsla","rgb","rgba"],"description":"Color format. `hexa`, `rgba`, `hsla` values render alpha channel slider","typeRef":35},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to the `Popover` component","typeRef":242},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"swatches","required":false,"source":"component","description":"A list of colors used to display swatches list below the color picker","typeRef":368},{"name":"swatchesPerRow","required":false,"source":"component","description":"Number of swatches per row","typeRef":353},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withEyeDropper","required":false,"source":"component","literalValues":[false,true],"description":"If set, the eye dropper button is displayed in the right section","typeRef":341},{"name":"withPicker","required":false,"source":"component","literalValues":[false,true],"description":"If `false`, the component displays only swatches","typeRef":341},{"name":"withPreview","required":false,"source":"component","literalValues":[false,true],"description":"If set, the preview color swatch is displayed in the left section of the input","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ColorPicker","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/color-picker/","props":[{"name":"alphaLabel","required":false,"source":"component","description":"Alpha slider `aria-label`","typeRef":359},{"name":"attributes","required":false,"source":"component","typeRef":379},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":359},{"name":"focusable","required":false,"source":"component","literalValues":[false,true],"description":"If set, interactive elements (sliders thumbs and swatches) are focusable with keyboard","typeRef":341},{"name":"format","required":false,"source":"component","literalValues":["hex","hexa","hsl","hsla","rgb","rgba"],"description":"Color format. `hexa`, `rgba`, `hsla` values render alpha channel slider","typeRef":35},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"If set, the component takes 100% width of its container","typeRef":341},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props spread to the hidden input","typeRef":104},{"name":"hueLabel","required":false,"source":"component","description":"Hue slider `aria-label`","typeRef":359},{"name":"saturationLabel","required":false,"source":"component","description":"Saturation slider `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":182},{"name":"swatches","required":false,"source":"component","description":"A list of colors used to display swatches list below the color picker","typeRef":368},{"name":"swatchesPerRow","required":false,"source":"component","description":"Number of swatches per row","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withPicker","required":false,"source":"component","literalValues":[false,true],"description":"If `false`, the component displays only swatches","typeRef":341}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ColorSchemeScript","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/color-scheme-script/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Writes global document state"},{"name":"ColorSwatch","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/color-swatch/","props":[{"name":"attributes","required":false,"source":"component","typeRef":452},{"name":"color","required":true,"source":"component","description":"Valid CSS color to display","typeRef":359},{"name":"size","required":false,"source":"component","description":"Swatch `width` and `height`, any valid CSS value, numbers are converted to rem.","typeRef":254},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withShadow","required":false,"source":"component","literalValues":[false,true],"description":"If set, the swatch has inner `box-shadow`","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Combobox","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":["Combobox.Chevron","Combobox.ClearButton","Combobox.Dropdown","Combobox.DropdownTarget","Combobox.Empty","Combobox.EventsTarget","Combobox.Footer","Combobox.Group","Combobox.Header","Combobox.HiddenInput","Combobox.Option","Combobox.Options","Combobox.Search","Combobox.Target"],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Chevron","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.ClearButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Dropdown","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.DropdownTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Empty","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.EventsTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Footer","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Group","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Header","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.HiddenInput","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Option","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Options","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Search","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Target","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxChevron","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-chevron/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxClearButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-clear-button/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxDropdown","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-dropdown/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxDropdownTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-dropdown-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxEmpty","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-empty/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxEventsTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-events-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxFooter","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-footer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxGroup","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-group/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxHeader","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-header/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxHiddenInput","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-hidden-input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxOption","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-option/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxOptions","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-options/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxPopover","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-popover/","props":[],"blockedProps":[],"subcomponents":["ComboboxPopover.Target"],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxPopover.Target","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-popover/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxPopoverTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-popover-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxSearch","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-search/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"CompositeChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/composite-chart/","props":[{"name":"activeDotProps","required":false,"source":"component","description":"Props passed down to all active dots. Ignored if `withDots={false}` is set.","typeRef":178},{"name":"attributes","required":false,"source":"component","typeRef":372},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"composedChartProps","required":false,"source":"component","description":"Props passed down to recharts `AreaChart` component","typeRef":91},{"name":"connectNulls","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether points with `null` values should be connected","typeRef":341},{"name":"curveType","required":false,"source":"component","literalValues":["bump","linear","monotone","natural","step","stepAfter","stepBefore"],"description":"Type of the curve","typeRef":69},{"name":"data","required":true,"source":"component","description":"Data used to display chart","typeRef":267},{"name":"dataKey","required":true,"source":"component","description":"Key of the `data` object for x-axis values","typeRef":359},{"name":"dotProps","required":false,"source":"component","description":"Props passed down to all dots. Ignored if `withDots={false}` is set.","typeRef":178},{"name":"gridAxis","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which lines should be displayed in the grid, `'x'` by default","typeRef":61},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the grid and cursor lines, by default depends on color scheme","typeRef":162},{"name":"gridProps","required":false,"source":"component","description":"Props passed down to the `CartesianGrid` component","typeRef":189},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to the `Legend` component","typeRef":190},{"name":"maxBarWidth","required":false,"source":"component","description":"Maximum bar width in px","typeRef":353},{"name":"minBarSize","required":false,"source":"component","description":"Sets minimum height of the bar in px","typeRef":353},{"name":"referenceLines","required":false,"source":"component","description":"Reference lines that should be displayed on the chart","typeRef":149},{"name":"rightYAxisLabel","required":false,"source":"component","description":"A label to display next to the right y-axis","typeRef":359},{"name":"rightYAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component rendered on the right side","typeRef":199},{"name":"series","required":true,"source":"component","description":"An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array.","typeRef":155},{"name":"strokeWidth","required":false,"source":"component","description":"Stroke width for the chart lines","typeRef":353},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the text displayed inside the chart, `'dimmed'` by default","typeRef":162},{"name":"tickLine","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which axis should have tick line, `'y'` by default","typeRef":61},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip position animation duration in ms, `0` by default","typeRef":353},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip` component","typeRef":197},{"name":"unit","required":false,"source":"component","description":"Unit displayed next to each tick in y-axis","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withBarValueLabel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether a label with bar value should be displayed on top of each bar","typeRef":341},{"name":"withDots","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dots should be displayed","typeRef":341},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart legend should be displayed, `false` by default","typeRef":341},{"name":"withPointLabels","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether each point should have associated label","typeRef":341},{"name":"withRightYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart tooltip should be displayed, `true` by default","typeRef":341},{"name":"withXAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether x-axis should be displayed, `true` by default","typeRef":341},{"name":"withYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether y-axis should be displayed, `true` by default","typeRef":341},{"name":"xAxisLabel","required":false,"source":"component","description":"A label to display below the x-axis","typeRef":359},{"name":"xAxisProps","required":false,"source":"component","description":"Props passed down to the `XAxis` recharts component","typeRef":198},{"name":"yAxisLabel","required":false,"source":"component","description":"A label to display next to the y-axis","typeRef":359},{"name":"yAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component","typeRef":199}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Container","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/container/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"fluid","required":false,"source":"component","literalValues":[false,true],"description":"If set, the container takes 100% width of its parent and `size` prop is ignored.","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"`max-width` of the container, value is not responsive – it is the same for all screen sizes. Numbers are converted to rem. Ignored when `fluid` prop is set.","typeRef":355},{"name":"strategy","required":false,"source":"component","literalValues":["block","grid"],"description":"Centering strategy","typeRef":14},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"CopyButton","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/copy-button/","props":[{"name":"timeout","required":false,"source":"component","description":"Copied status timeout in ms","typeRef":353},{"name":"value","required":true,"source":"component","description":"Value that is copied to the clipboard when the button is clicked","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"DataList","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list/","props":[{"name":"attributes","required":false,"source":"component","typeRef":461},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value to set gap between items","typeRef":183},{"name":"labelWidth","required":false,"source":"component","description":"Controls min-width of the label (dt) element, any valid CSS value","typeRef":251},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Controls arrangement of label and value within each item. `horizontal` renders label and value side by side, `vertical` stacks label on top of value","typeRef":36},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls `font-size` and `line-height`","typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withDivider","required":false,"source":"component","literalValues":[false,true],"description":"Adds border between items","typeRef":341}],"blockedProps":[],"subcomponents":["DataList.Item","DataList.ItemLabel","DataList.ItemValue"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DataList.Item","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":217},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DataList.ItemLabel","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":218},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DataList.ItemValue","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":219},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DataListItem","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list-item/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":217},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DataListItemLabel","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list-item-label/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":218},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DataListItemValue","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list-item-value/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":219},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DateInput","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/date-input/","props":[{"name":"allowDeselect","required":false,"source":"component","literalValues":[false,true],"description":"If set, the value can be deselected by deleting everything from the input or by clicking the selected date in the dropdown. By default, `true` if `clearable` prop is set, `false` otherwise.","typeRef":341},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":413},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":258},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set.","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level (uncontrolled)","typeRef":52},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":160},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":134},{"name":"fixOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"If set to `false`, invalid user input is preserved and is not corrected on blur","typeRef":341},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":341},{"name":"hasNextLevel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next level button should be enabled","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":341},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level (controlled)","typeRef":52},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Max level that user can go up to","typeRef":52},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":341},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to the `Popover` component","typeRef":204},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":156},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":341},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":160},{"name":"valueFormat","required":false,"source":"component","description":"`dayjs` format to display input value, `\"MMMM D, YYYY\"` by default","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":161},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withNext","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next control should be rendered","typeRef":341},{"name":"withPrevious","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether previous control should be rendered","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"withTime","required":false,"source":"component","literalValues":[false,true],"description":"If set to `true`, the time part of the value is preserved. Set this to `true` when `valueFormat` includes time (e.g. `\"YYYY-MM-DD HH:mm\"`).","typeRef":341},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"DatePicker","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/date-picker/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":106},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":107},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":446},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level (uncontrolled)","typeRef":52},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":159},{"name":"enableKeyboardNavigation","required":false,"source":"component","literalValues":[false,true],"description":"Enable enhanced keyboard navigation (Ctrl/Cmd + Arrow keys for year navigation, Ctrl/Cmd + Shift + Arrow keys for decade navigation, Y key to open year view)","typeRef":341},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":134},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":341},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level (controlled)","typeRef":52},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"typeRef":52},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":157},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"type","required":false,"source":"component","literalValues":["default","multiple","range"],"description":"Picker type: range, multiple or default","typeRef":326},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value for controlled component","typeRef":159},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":161},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":341},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"DatePickerInput","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/date-picker-input/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":106},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":107},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":414},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":258},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set.","typeRef":341},{"name":"closeOnChange","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the dropdown is closed when date is selected, not applicable with `type=\"multiple\"`","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level (uncontrolled)","typeRef":52},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":159},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"enableKeyboardNavigation","required":false,"source":"component","literalValues":[false,true],"description":"Enable enhanced keyboard navigation (Ctrl/Cmd + Arrow keys for year navigation, Ctrl/Cmd + Shift + Arrow keys for decade navigation, Y key to open year view)","typeRef":341},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":134},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":341},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"labelSeparator","required":false,"source":"component","description":"Separator between range value","typeRef":359},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level (controlled)","typeRef":52},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"typeRef":52},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to `Popover` component","typeRef":204},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":157},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"sortDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dates values should be sorted before `onChange` call, only applicable with type=\"multiple\"","typeRef":341},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["default","multiple","range"],"description":"Picker type: range, multiple or default","typeRef":158},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value for controlled component","typeRef":159},{"name":"valueFormat","required":false,"source":"component","description":"`dayjs` format for input value","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":161},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[{"name":"dropdownType","reason":"Modal picker mode escapes the widget overlay boundary"},{"name":"modalProps","reason":"Modal picker configuration escapes the widget overlay boundary"}],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"DateTimePicker","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/date-time-picker/","props":[{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":107},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":415},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":258},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set.","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level in uncontrolled mode","typeRef":52},{"name":"defaultTimeValue","required":false,"source":"component","description":"Default time value in HH:mm` or `HH:mm:ss` format. Assigned to time when date is selected.","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":159},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"endTimePickerProps","required":false,"source":"component","description":"Props passed down to the end time `TimePicker` component in range mode","typeRef":196},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":134},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":341},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"labelSeparator","required":false,"source":"component","description":"Separator between range values","typeRef":359},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level displayed in controlled mode","typeRef":52},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Max level that user can go up to","typeRef":52},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to `Popover` component","typeRef":204},{"name":"presets","required":false,"source":"component","description":"Presets values","typeRef":157},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"sortDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dates values should be sorted before `onChange` call, only applicable with type=\"multiple\"","typeRef":341},{"name":"submitButtonProps","required":false,"source":"component","description":"Props passed down to the submit button","typeRef":90},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"timePickerProps","required":false,"source":"component","description":"Props passed down to `TimePicker` component","typeRef":196},{"name":"type","required":false,"source":"component","description":"Picker type: range or default","typeRef":325},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":159},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":161},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSeconds","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the seconds input should be displayed","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[{"name":"dropdownType","reason":"Modal picker mode escapes the widget overlay boundary"},{"name":"modalProps","reason":"Modal picker configuration escapes the widget overlay boundary"}],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"DatesProvider","package":"@mantine/dates","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/dates/dates-provider/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Replaces a Homarr-owned provider boundary"},{"name":"Day","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/day/","props":[{"name":"attributes","required":false,"source":"component","typeRef":398},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"date","required":true,"source":"component","description":"Date that is displayed in `YYYY-MM-DD` format","typeRef":359},{"name":"firstInRange","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day is first in range selection","typeRef":341},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day should take the full width of its cell","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"inRange","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day is selected in range","typeRef":341},{"name":"lastInRange","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day is last in range selection","typeRef":341},{"name":"outside","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day is outside of the current month","typeRef":341},{"name":"selected","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day is selected","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Control width and height of the day","typeRef":81},{"name":"static","required":false,"source":"component","literalValues":[false,true],"description":"Determines which element is used as root, `'button'` by default, `'div'` if static prop is set","typeRef":341},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"weekend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day is considered to be a weekend","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"DecadeLevel","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/decade-level/","props":[{"name":"attributes","required":false,"source":"component","typeRef":384},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"decade","required":true,"source":"component","description":"Displayed decade","typeRef":359},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"levelControlAriaLabel","required":false,"source":"component","description":"Level control `aria-label`","typeRef":359},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":341},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":341},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"styles","required":false,"source":"component","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withNext","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next control should be rendered","typeRef":341},{"name":"withPrevious","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether previous control should be rendered","typeRef":341},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"DecadeLevelGroup","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/decade-level-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":386},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"decade","required":true,"source":"component","description":"Displayed decade","typeRef":359},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":341},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns to display next to each other","typeRef":353},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":341},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"styles","required":false,"source":"component","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"Dialog","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/dialog/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes the widget layout and focus boundary"},{"name":"DirectionProvider","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/direction-provider/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Replaces a Homarr-owned provider boundary"},{"name":"Divider","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/divider/","props":[{"name":"attributes","required":false,"source":"component","typeRef":429},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color value","typeRef":162},{"name":"label","required":false,"source":"component","description":"Divider label, visible only with `orientation=\"horizontal\"`","typeRef":263},{"name":"labelPosition","required":false,"source":"component","literalValues":["center","left","right"],"description":"Label position","typeRef":22},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Divider orientation","typeRef":36},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls width/height (depends on orientation)","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["dashed","dotted","solid"],"typeRef":122}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"DonutChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/donut-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":422},{"name":"chartLabel","required":false,"source":"component","description":"Chart label, displayed in the center of the chart","typeRef":365},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Data used to render chart","typeRef":165},{"name":"endAngle","required":false,"source":"component","description":"Controls angle at which charts ends. Set to `0` to render the chart as semicircle.","typeRef":353},{"name":"labelColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls text color of all labels, by default depends on color scheme","typeRef":162},{"name":"labelsType","required":false,"source":"component","literalValues":["name","percent","value"],"description":"Type of labels to display, `'value'` by default","typeRef":77},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to recharts `Legend` component","typeRef":190},{"name":"paddingAngle","required":false,"source":"component","description":"Controls padding between segments","typeRef":353},{"name":"pieChartProps","required":false,"source":"component","description":"Props passed down to recharts `PieChart` component","typeRef":101},{"name":"pieProps","required":false,"source":"component","description":"Props passed down to recharts `Pie` component","typeRef":203},{"name":"size","required":false,"source":"component","description":"Controls chart width and height, height is increased by 40 if `withLabels` prop is set. Cannot be less than `thickness`.","typeRef":353},{"name":"startAngle","required":false,"source":"component","description":"Controls angle at which chart starts. Set to `180` to render the chart as semicircle.","typeRef":353},{"name":"strokeColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the segments stroke, by default depends on color scheme","typeRef":162},{"name":"strokeWidth","required":false,"source":"component","description":"Controls width of segments stroke","typeRef":353},{"name":"thickness","required":false,"source":"component","description":"Controls thickness of the chart segments","typeRef":353},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip animation duration in ms","typeRef":353},{"name":"tooltipDataSource","required":false,"source":"component","literalValues":["all","segment"],"description":"Determines which data is displayed in the tooltip. `'all'` – display all values, `'segment'` – display only hovered segment.","typeRef":9},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to `Tooltip` recharts component","typeRef":197},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withLabels","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether each segment should have associated label","typeRef":341},{"name":"withLabelsLine","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether segments labels should have lines that connect the segment with the label","typeRef":341},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the legend should be displayed","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed when one of the section is hovered","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Drawer","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":["Drawer.Body","Drawer.CloseButton","Drawer.Content","Drawer.Header","Drawer.Overlay","Drawer.Root","Drawer.Stack","Drawer.Title"],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Body","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.CloseButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Content","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Header","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Overlay","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Root","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Stack","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Title","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerBody","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-body/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerCloseButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-close-button/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerContent","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-content/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerHeader","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-header/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerOverlay","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-overlay/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerRoot","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-root/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerStack","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-stack/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerTitle","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-title/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"EmptyState","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state/","props":[{"name":"align","required":false,"source":"component","literalValues":["center","left","right"],"description":"Content alignment. `center` stacks the content in a centered column, `left`/`right` place the indicator on the side with the content next to it","typeRef":22},{"name":"attributes","required":false,"source":"component","typeRef":380},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, used by `filled` and `light` variants","typeRef":162},{"name":"description","required":false,"source":"component","description":"Description content, rendered inside `EmptyState.Description`","typeRef":263},{"name":"icon","required":false,"source":"component","description":"Icon or illustration, rendered inside `EmptyState.Indicator`","typeRef":263},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls indicator size, gap between elements and font sizes of title and description","typeRef":81},{"name":"title","required":false,"source":"component","description":"Title content, rendered inside `EmptyState.Title`","typeRef":263},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["filled","light"],"description":"Controls the indicator appearance. `filled` and `light` display a colored circular background behind the icon. If not set, the icon is displayed with dimmed color","typeRef":33},{"name":"withIndicatorBackground","required":false,"source":"component","literalValues":[false,true],"description":"If set, a neutral circular background is displayed behind the indicator. Setting `variant` always displays a colored background regardless of this prop","typeRef":341}],"blockedProps":[],"subcomponents":["EmptyState.Actions","EmptyState.Description","EmptyState.Indicator","EmptyState.Title"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyState.Actions","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":209},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyState.Description","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":212},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyState.Indicator","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":216},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyState.Title","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"order","required":false,"source":"component","literalValues":[1,2,3,4,5,6],"description":"Heading order, renders the title as `h1`–`h6` element. By default, the title is rendered as a `div` without semantic heading level","typeRef":137},{"name":"styles","required":false,"source":"component","typeRef":225},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyStateActions","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state-actions/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":209},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyStateDescription","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state-description/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":212},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyStateIndicator","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state-indicator/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":216},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyStateTitle","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state-title/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"order","required":false,"source":"component","literalValues":[1,2,3,4,5,6],"description":"Heading order, renders the title as `h1`–`h6` element. By default, the title is rendered as a `div` without semantic heading level","typeRef":137},{"name":"styles","required":false,"source":"component","typeRef":225},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Fieldset","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/fieldset/","props":[{"name":"attributes","required":false,"source":"component","typeRef":443},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"legend","required":false,"source":"component","description":"Fieldset legend","typeRef":263},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":123}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"FileButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/file-button/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Requests local file-system access"},{"name":"FileInput","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/file-input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Requests local file-system access"},{"name":"FlatTreeNode","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/flat-tree-node/","props":[{"name":"checkOnSpace","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node is checked on space key press","typeRef":341},{"name":"expandOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node with children is expanded on click","typeRef":341},{"name":"expandOnSpace","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node with children is expanded on space key press","typeRef":341},{"name":"expanded","required":true,"source":"component","literalValues":[false,true],"description":"Whether the node is expanded","typeRef":341},{"name":"hasChildren","required":true,"source":"component","literalValues":[false,true],"description":"Whether the node has children","typeRef":341},{"name":"level","required":true,"source":"component","description":"Nesting level of the node, starts at 1","typeRef":353},{"name":"linesPath","required":false,"source":"component","description":"Line state per ancestor + own level, computed by `flattenTreeData`. When provided and the tree root has `data-with-lines`, connector lines are rendered.","typeRef":166},{"name":"node","required":true,"source":"component","description":"Node data from tree data","typeRef":320},{"name":"parent","required":true,"source":"component","description":"Value of the parent node, `null` for root nodes","typeRef":352},{"name":"selectOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node is selected on click","typeRef":341},{"name":"style","required":false,"source":"component","description":"Style to apply to the root element, used for virtualizer positioning","typeRef":257},{"name":"tree","required":true,"source":"component","description":"Tree controller instance, return value of `useTree` hook","typeRef":327}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Flex","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/flex/","props":[{"name":"align","required":false,"source":"component","literalValues":["-moz-initial","anchor-center","baseline","center","end","flex-end","flex-start","inherit","initial","normal","revert","revert-layer","self-end","self-start","start","stretch","unset"],"description":"`align-items` CSS property","typeRef":285},{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnGap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"`column-gap` CSS property","typeRef":284},{"name":"direction","required":false,"source":"component","literalValues":["-moz-initial","column","column-reverse","inherit","initial","revert","revert-layer","row","row-reverse","unset"],"description":"`flex-direction` CSS property","typeRef":294},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"`gap` CSS property","typeRef":284},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"`justify-content` CSS property","typeRef":299},{"name":"rowGap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"`row-gap` CSS property","typeRef":284},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"wrap","required":false,"source":"component","literalValues":["-moz-initial","inherit","initial","nowrap","revert","revert-layer","unset","wrap","wrap-reverse"],"description":"`flex-wrap` CSS property","typeRef":295}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"FloatingArrow","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/floating-arrow/","props":[{"name":"arrowOffset","required":true,"source":"component","typeRef":353},{"name":"arrowPosition","required":true,"source":"component","literalValues":["center","merge","side"],"typeRef":24},{"name":"arrowRadius","required":true,"source":"component","typeRef":353},{"name":"arrowSize","required":true,"source":"component","typeRef":353},{"name":"arrowX","required":false,"source":"component","typeRef":353},{"name":"arrowY","required":false,"source":"component","typeRef":353},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"position","required":true,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"typeRef":48},{"name":"visible","required":false,"source":"component","literalValues":[false,true],"typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"FloatingIndicator","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/floating-indicator/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"displayAfterTransitionEnd","required":false,"source":"component","literalValues":[false,true],"description":"Controls whether the indicator should be hidden initially and displayed after the parent's transition ends. Set to `true` when the parent container has CSS transitions (e.g., `transform: scale()`) to prevent the indicator from appearing at the wrong position during the parent's animation.","typeRef":341},{"name":"parent","required":false,"source":"component","description":"Parent container element that must have `position: relative`. The indicator's position is calculated relative to this element.","typeRef":169},{"name":"target","required":false,"source":"component","description":"Target element over which the indicator is displayed. The indicator will be positioned to match the target's size and position.","typeRef":169},{"name":"transitionDuration","required":false,"source":"component","description":"Transition duration in ms","typeRef":365},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"FloatingWindow","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/floating-window/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Creates a separate browser window"},{"name":"FocusTrap","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/focus-trap/","props":[],"blockedProps":[],"subcomponents":["FocusTrap.InitialFocus"],"accessibilityRequirements":[],"deniedReason":"Can capture focus outside the widget interaction flow"},{"name":"FocusTrap.InitialFocus","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/focus-trap/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Can capture focus outside the widget interaction flow"},{"name":"FocusTrapInitialFocus","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/focus-trap-initial-focus/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Can capture focus outside the widget interaction flow"},{"name":"FunnelChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/funnel-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":441},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Data used to render chart","typeRef":167},{"name":"funnelChartProps","required":false,"source":"component","description":"Props passed down to recharts `FunnelChart` component","typeRef":91},{"name":"funnelProps","required":false,"source":"component","description":"Props passed down to recharts `Pie` component","typeRef":202},{"name":"labelColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls text color of all labels","typeRef":162},{"name":"labelsPosition","required":false,"source":"component","literalValues":["inside","left","right"],"description":"Controls labels position relative to the segment","typeRef":49},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to recharts `Legend` component","typeRef":190},{"name":"size","required":false,"source":"component","description":"Controls chart width and height","typeRef":353},{"name":"strokeColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the segments stroke, by default depends on color scheme","typeRef":162},{"name":"strokeWidth","required":false,"source":"component","description":"Controls width of segments stroke","typeRef":353},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip animation duration in ms","typeRef":353},{"name":"tooltipDataSource","required":false,"source":"component","literalValues":["all","segment"],"description":"Determines which data is displayed in the tooltip. `'all'` – display all values, `'segment'` – display only hovered segment.","typeRef":9},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to `Tooltip` recharts component","typeRef":197},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withLabels","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether each segment should have associated label","typeRef":341},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the legend should be displayed","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed when a section is hovered","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Grid","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/grid/","props":[{"name":"align","required":false,"source":"component","literalValues":["-moz-initial","anchor-center","baseline","center","end","flex-end","flex-start","inherit","initial","normal","revert","revert-layer","self-end","self-start","start","stretch","unset"],"description":"Sets `align-items`","typeRef":244},{"name":"attributes","required":false,"source":"component","typeRef":392},{"name":"breakpoints","required":false,"source":"component","description":"Breakpoints values, only used with `type=\"container\"`","typeRef":168},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnGap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Column gap, overrides `gap` for horizontal spacing","typeRef":284},{"name":"columns","required":false,"source":"component","description":"Number of columns in each row","typeRef":353},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Gap between columns and rows, key of `theme.spacing` or any valid CSS value","typeRef":284},{"name":"grow","required":false,"source":"component","literalValues":[false,true],"description":"If set, columns in the last row expand to fill all available space","typeRef":341},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"Sets `justify-content`","typeRef":248},{"name":"overflow","required":false,"source":"component","literalValues":["-moz-hidden-unscrollable","-moz-initial","auto","clip","hidden","inherit","initial","overlay","revert","revert-layer","scroll","unset","visible"],"description":"Sets `overflow` CSS property on the root element","typeRef":252},{"name":"rowGap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Row gap, overrides `gap` for vertical spacing","typeRef":284},{"name":"type","required":false,"source":"component","literalValues":["container","media"],"description":"Type of queries used for responsive styles","typeRef":51},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":["Grid.Col"],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Grid.Col","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/grid/","props":[{"name":"align","required":false,"source":"component","literalValues":["-moz-initial","anchor-center","auto","baseline","center","end","flex-end","flex-start","inherit","initial","normal","revert","revert-layer","self-end","self-start","start","stretch","unset"],"description":"Vertical alignment of the column, controls `align-self` CSS property","typeRef":286},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"offset","required":false,"source":"component","description":"Column start offset – number of empty columns before this column","typeRef":312},{"name":"order","required":false,"source":"component","description":"Column order, use to reorder columns at different viewport sizes","typeRef":312},{"name":"span","required":false,"source":"component","literalValues":["auto","content"],"description":"Column span","typeRef":282},{"name":"styles","required":false,"source":"component","typeRef":210},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"GridCol","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/grid-col/","props":[{"name":"align","required":false,"source":"component","literalValues":["-moz-initial","anchor-center","auto","baseline","center","end","flex-end","flex-start","inherit","initial","normal","revert","revert-layer","self-end","self-start","start","stretch","unset"],"description":"Vertical alignment of the column, controls `align-self` CSS property","typeRef":286},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"offset","required":false,"source":"component","description":"Column start offset – number of empty columns before this column","typeRef":312},{"name":"order","required":false,"source":"component","description":"Column order, use to reorder columns at different viewport sizes","typeRef":312},{"name":"span","required":false,"source":"component","literalValues":["auto","content"],"description":"Column span","typeRef":282},{"name":"styles","required":false,"source":"component","typeRef":210},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Group","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/group/","props":[{"name":"align","required":false,"source":"component","literalValues":["-moz-initial","anchor-center","baseline","center","end","flex-end","flex-start","inherit","initial","normal","revert","revert-layer","self-end","self-start","start","stretch","unset"],"description":"Controls `align-items` CSS property","typeRef":244},{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem","typeRef":183},{"name":"grow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether each child element should have `flex-grow: 1` style","typeRef":341},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"Controls `justify-content` CSS property","typeRef":248},{"name":"preventGrowOverflow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether children should take only dedicated amount of space (`max-width` style is set based on the number of children)","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"wrap","required":false,"source":"component","literalValues":["-moz-initial","inherit","initial","nowrap","revert","revert-layer","unset","wrap","wrap-reverse"],"description":"Controls `flex-wrap` CSS property","typeRef":5}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"HeadlessMantineProvider","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/headless-mantine-provider/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Replaces a Homarr-owned provider boundary"},{"name":"Heatmap","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/heatmap/","props":[{"name":"attributes","required":false,"source":"component","typeRef":439},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"colors","required":false,"source":"component","description":"Colors array, used to calculate color for each value, by default 4 shades of green colors are used","typeRef":368},{"name":"data","required":true,"source":"component","description":"Heatmap data, key is date in `YYYY-MM-DD` format (interpreted as a UTC calendar day)","typeRef":269},{"name":"domain","required":false,"source":"component","description":"Heatmap domain, array of 2 numbers, min and max values, calculated from data by default","typeRef":334},{"name":"endDate","required":false,"source":"component","description":"Heatmap end date. Current date by default. Date is normalized to UTC midnight of the intended calendar day.","typeRef":362},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"First day of week, 0 – Sunday, 1 – Monday.","typeRef":134},{"name":"fontSize","required":false,"source":"component","description":"Font size of month and weekday labels","typeRef":353},{"name":"gap","required":false,"source":"component","description":"Gap between rects in px","typeRef":353},{"name":"legendLabels","required":false,"source":"component","description":"Legend labels, array of 2 elements: [min label, max label]","typeRef":335},{"name":"monthLabels","required":false,"source":"component","description":"Month labels, array of 12 elements, can be used for localization","typeRef":368},{"name":"monthsLabelsHeight","required":false,"source":"component","description":"Height of month labels row","typeRef":353},{"name":"radius","required":false,"source":"component","typeRef":365},{"name":"rectRadius","required":false,"source":"component","description":"Rect radius in px","typeRef":353},{"name":"rectSize","required":false,"source":"component","description":"Size of day rect in px","typeRef":353},{"name":"splitMonths","required":false,"source":"component","literalValues":[false,true],"description":"If set, inserts a spacer column between months","typeRef":341},{"name":"startDate","required":false,"source":"component","description":"Heatmap start date. Current date - 1 year by default. Date is normalized to UTC midnight of the intended calendar day.","typeRef":362},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip.Floating` component","typeRef":239},{"name":"type","required":false,"source":"component","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"weekdayLabels","required":false,"source":"component","description":"Weekday labels, array of 7 elements, can be used for localization","typeRef":368},{"name":"weekdaysLabelsWidth","required":false,"source":"component","description":"Width of weekday labels column","typeRef":353},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"If set, legend with color levels is displayed below the heatmap","typeRef":341},{"name":"withMonthLabels","required":false,"source":"component","literalValues":[false,true],"description":"If set, month labels are displayed","typeRef":341},{"name":"withOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"If set, trailing dates that do not fall into the given `startDate` – `endDate` range are displayed to fill empty space.","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"If set, tooltip is displayed on rect hover","typeRef":341},{"name":"withWeekdayLabels","required":false,"source":"component","literalValues":[false,true],"description":"If set, weekday labels are displayed","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"HiddenDatesInput","package":"@mantine/dates","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/dates/hidden-dates-input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Internal date-input primitive"},{"name":"Highlight","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/highlight/","props":[{"name":"accentInsensitive","required":false,"source":"component","literalValues":[false,true],"description":"Perform accent-insensitive matching. When enabled cafe will match cafe, café, cafè, etc.","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"caseInsensitive","required":false,"source":"component","literalValues":[false,true],"description":"Perform case-insensitive matching.","typeRef":341},{"name":"color","required":false,"source":"component","description":"Default background color for all highlighted text. Key of `theme.colors` or any valid CSS color, passed to `Mark` component. Can be overridden per term when using HighlightTerm objects.","typeRef":360},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration, ignored when `variant` is not `gradient`","typeRef":179},{"name":"highlight","required":true,"source":"component","description":"Substring(s) to highlight in `children`. Can be: - string: single term - string[]: multiple terms with same color - HighlightTerm[]: multiple terms with custom colors per term - Matching is case-insensitive and accent-insensitive by default, use `caseInsensitive` and `accentInsensitive` props to control this behavior - Regex special characters are automatically escaped - When multiple substrings are provided, longer matches take precedence - Empty strings and whitespace-only strings are ignored","typeRef":367},{"name":"inherit","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether font properties should be inherited from the parent","typeRef":341},{"name":"inline","required":false,"source":"component","literalValues":[false,true],"description":"Sets `line-height` to 1 for centering","typeRef":341},{"name":"lineClamp","required":false,"source":"component","description":"Number of lines after which Text will be truncated","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls `font-size` and `line-height`","typeRef":82},{"name":"span","required":false,"source":"component","literalValues":[false,true],"description":"Shorthand for `component=\"span\"`","typeRef":341},{"name":"textWrap","required":false,"source":"component","literalValues":["balance","nowrap","pretty","stable","wrap"],"description":"Controls `text-wrap` CSS property","typeRef":79},{"name":"truncate","required":false,"source":"component","literalValues":["end",false,"start",true],"description":"Side on which Text must be truncated, if `true`, text is truncated from the start","typeRef":344},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["gradient","text"],"typeRef":131},{"name":"wholeWord","required":false,"source":"component","literalValues":[false,true],"description":"Only match whole words (adds word boundaries to regex). When enabled, 'the' will not match 'there'.","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"HoverCard","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card/","props":[{"name":"arrowOffset","required":false,"source":"component","description":"Arrow offset in px","typeRef":353},{"name":"arrowPosition","required":false,"source":"component","literalValues":["center","merge","side"],"description":"Arrow position","typeRef":24},{"name":"arrowRadius","required":false,"source":"component","description":"Arrow `border-radius` in px","typeRef":353},{"name":"arrowSize","required":false,"source":"component","description":"Arrow size in px","typeRef":353},{"name":"attributes","required":false,"source":"component","typeRef":399},{"name":"clickOutsideEvents","required":false,"source":"component","description":"Events that trigger outside clicks","typeRef":368},{"name":"closeDelay","required":false,"source":"component","description":"Delay in ms before the dropdown closes after mouse leaves the target or dropdown. Overridden by HoverCard.Group delay if used within a group.","typeRef":353},{"name":"closeOnClickOutside","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dropdown should be closed on outside clicks","typeRef":341},{"name":"closeOnEscape","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dropdown should be closed when `Escape` key is pressed","typeRef":341},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Initial opened state for uncontrolled component","typeRef":341},{"name":"floatingStrategy","required":false,"source":"component","literalValues":["absolute","fixed"],"description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","typeRef":34},{"name":"hideDetached","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","typeRef":341},{"name":"initiallyOpened","required":false,"source":"component","literalValues":[false,true],"description":"Initial opened state","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead.","typeRef":341},{"name":"keepMountedMode","required":false,"source":"component","literalValues":["activity","display-none"],"description":"Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles","typeRef":7},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling","typeRef":241},{"name":"offset","required":false,"source":"component","description":"Offset of the dropdown element","typeRef":354},{"name":"openDelay","required":false,"source":"component","description":"Delay in ms before the dropdown opens after mouse enters the target. Overridden by HoverCard.Group delay if used within a group.","typeRef":353},{"name":"overlayProps","required":false,"source":"component","description":"Props passed down to `Overlay` component","typeRef":100},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Dropdown position relative to the target element","typeRef":48},{"name":"preventPositionChangeWhenVisible","required":false,"source":"component","literalValues":[false,true],"description":"If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change.","typeRef":341},{"name":"returnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be automatically returned to control when dropdown closes","typeRef":341},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component. Use to configure duration and animation type.","typeRef":208},{"name":"trapFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be trapped within dropdown","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"width","required":false,"source":"component","description":"Dropdown width, or `'target'` to make dropdown width the same as target element","typeRef":243},{"name":"withArrow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether component should have an arrow","typeRef":341},{"name":"withOverlay","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the overlay should be displayed when the dropdown is opened","typeRef":341},{"name":"withRoles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dropdown and target elements should have accessible roles","typeRef":341}],"blockedProps":[],"subcomponents":["HoverCard.Dropdown","HoverCard.Group","HoverCard.Target"],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HoverCard.Dropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":234},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HoverCard.Group","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card/","props":[{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms","typeRef":353},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms","typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HoverCard.Target","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card/","props":[{"name":"eventPropsWrapperName","required":false,"source":"component","description":"Name of the prop to wrap event listeners in. Use when the target component expects event listeners in a nested object. For example, some components expect `componentProps={{ onMouseEnter, onMouseLeave }}`.","typeRef":359},{"name":"popupType","required":false,"source":"component","description":"Popup accessible type","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HoverCardDropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card-dropdown/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":234},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HoverCardGroup","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card-group/","props":[{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms","typeRef":353},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms","typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HoverCardTarget","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card-target/","props":[{"name":"eventPropsWrapperName","required":false,"source":"component","description":"Name of the prop to wrap event listeners in. Use when the target component expects event listeners in a nested object. For example, some components expect `componentProps={{ onMouseEnter, onMouseLeave }}`.","typeRef":359},{"name":"popupType","required":false,"source":"component","description":"Popup accessible type","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HueSlider","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hue-slider/","props":[{"name":"attributes","required":false,"source":"component","typeRef":474},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"focusable","required":false,"source":"component","literalValues":[false,true],"description":"If set, slider thumb can be focused","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Slider size","typeRef":182},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":true,"source":"component","description":"Controlled component value","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Image","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/image/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"fallbackSrc","required":false,"source":"component","description":"Image url used as a fallback if the image cannot be loaded","typeRef":359},{"name":"fit","required":false,"source":"component","literalValues":["-moz-initial","contain","cover","fill","inherit","initial","none","revert","revert-layer","scale-down","unset"],"description":"Controls `object-fit` style","typeRef":4},{"name":"src","required":false,"source":"component","description":"Image url","typeRef":370},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Indicator","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/indicator/","props":[{"name":"attributes","required":false,"source":"component","typeRef":460},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color value","typeRef":162},{"name":"inline","required":false,"source":"component","literalValues":[false,true],"description":"Changes container display from block to inline-block, use when wrapping elements with fixed width","typeRef":341},{"name":"label","required":false,"source":"component","description":"Label displayed inside the indicator, for example, notification count","typeRef":263},{"name":"maxValue","required":false,"source":"component","description":"Maximum value to display. If label is a number greater than this value, it will be displayed as `{maxValue}+`","typeRef":353},{"name":"offset","required":false,"source":"component","description":"Distance in pixels to offset the indicator from its default position, useful for elements with border-radius. Can be a number for uniform offset or an object with `x` and `y` properties for separate horizontal and vertical offsets","typeRef":357},{"name":"position","required":false,"source":"component","literalValues":["bottom-center","bottom-end","bottom-start","middle-center","middle-end","middle-start","top-center","top-end","top-start"],"description":"Indicator position relative to the target element","typeRef":19},{"name":"processing","required":false,"source":"component","literalValues":[false,true],"description":"If set, the indicator has processing animation","typeRef":341},{"name":"showZero","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether indicator with label `0` should be displayed","typeRef":341},{"name":"size","required":false,"source":"component","description":"Indicator width and height","typeRef":365},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"InlineDateTimePicker","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/inline-date-time-picker/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":106},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":107},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":465},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level (uncontrolled)","typeRef":52},{"name":"defaultTimeValue","required":false,"source":"component","description":"Default time value in `HH:mm` or `HH:mm:ss` format. Assigned to time when date is selected.","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":159},{"name":"enableKeyboardNavigation","required":false,"source":"component","literalValues":[false,true],"description":"Enable enhanced keyboard navigation (Ctrl/Cmd + Arrow keys for year navigation, Ctrl/Cmd + Shift + Arrow keys for decade navigation, Y key to open year view)","typeRef":341},{"name":"endTimePickerProps","required":false,"source":"component","description":"Props passed down to the end time `TimePicker` component in range mode","typeRef":196},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":134},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":341},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"labelSeparator","required":false,"source":"component","description":"Separator between range values","typeRef":359},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level (controlled)","typeRef":52},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Max date","typeRef":362},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"typeRef":52},{"name":"minDate","required":false,"source":"component","description":"Min date","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":157},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"submitButtonProps","required":false,"source":"component","description":"Props passed down to the submit button","typeRef":90},{"name":"timePickerProps","required":false,"source":"component","description":"Props passed down to `TimePicker` component","typeRef":196},{"name":"type","required":false,"source":"component","literalValues":["default","multiple","range"],"description":"Picker type: range, multiple or default","typeRef":158},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value for controlled component","typeRef":159},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":161},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withSeconds","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the seconds input should be displayed","typeRef":341},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":341},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"InlineStyles","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/inline-styles/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Writes unscoped style rules"},{"name":"Input","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":["Input.ClearButton","Input.Description","Input.Error","Input.Label","Input.Placeholder","Input.Success","Input.Wrapper"],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.ClearButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.Description","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.Error","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.Label","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.Placeholder","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.Success","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.Wrapper","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputBase","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-base/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputClearButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-clear-button/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputClearSection","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-clear-section/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputDescription","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-description/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputError","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-error/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputLabel","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-label/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputPlaceholder","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-placeholder/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputSuccess","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-success/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputWrapper","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-wrapper/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"JsonInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/json-input/","props":[{"name":"attributes","required":false,"source":"component","typeRef":416},{"name":"autoComplete","required":false,"source":"component","typeRef":359},{"name":"autosize","required":false,"source":"component","literalValues":[false,true],"description":"If set, enables textarea height growing with its content","typeRef":341},{"name":"bottomSection","required":false,"source":"component","description":"Content rendered at the bottom of the input, inside the border","typeRef":263},{"name":"bottomSectionProps","required":false,"source":"component","description":"Props passed down to the `bottomSection` element","typeRef":259},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":359},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"formatOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the value should be formatted on blur","typeRef":341},{"name":"indentSpaces","required":false,"source":"component","description":"Number of spaces to use as white space for formatting. Passed as the third argument to `serialize` function.","typeRef":353},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"maxRows","required":false,"source":"component","description":"Maximum rows for autosize textarea to grow, ignored if `autosize` prop is not set","typeRef":353},{"name":"minRows","required":false,"source":"component","description":"Minimum rows of autosize textarea, ignored if `autosize` prop is not set","typeRef":353},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"resize","required":false,"source":"component","literalValues":["-moz-initial","block","both","horizontal","inherit","initial","inline","none","revert","revert-layer","unset","vertical"],"description":"Controls `resize` CSS property","typeRef":3},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"validationError","required":false,"source":"component","description":"Error message shown when the input value is invalid JSON (checked on blur). If not provided, a generic error state is shown. Takes precedence over the `error` prop when validation fails.","typeRef":263},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Kbd","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/kbd/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls `font-size` and `padding`","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"LevelsGroup","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/levels-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":444},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the group should take the full width of its container","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"LineChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/line-chart/","props":[{"name":"activeDotProps","required":false,"source":"component","description":"Props passed down to all active dots. Ignored if `withDots={false}` is set.","typeRef":178},{"name":"attributes","required":false,"source":"component","typeRef":438},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"connectNulls","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether points with `null` values should be connected","typeRef":341},{"name":"curveType","required":false,"source":"component","literalValues":["bump","linear","monotone","natural","step","stepAfter","stepBefore"],"description":"Type of the curve","typeRef":69},{"name":"data","required":true,"source":"component","description":"Data used to display chart","typeRef":267},{"name":"dataKey","required":true,"source":"component","description":"Key of the `data` object for x-axis values","typeRef":359},{"name":"dotProps","required":false,"source":"component","description":"Props passed down to all dots. Ignored if `withDots={false}` is set.","typeRef":178},{"name":"fillOpacity","required":false,"source":"component","description":"Controls fill opacity of all lines","typeRef":353},{"name":"gradientStops","required":false,"source":"component","description":"Data used to generate gradient stops","typeRef":174},{"name":"gridAxis","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which lines should be displayed in the grid, `'x'` by default","typeRef":61},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the grid and cursor lines, by default depends on color scheme","typeRef":162},{"name":"gridProps","required":false,"source":"component","description":"Props passed down to the `CartesianGrid` component","typeRef":189},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to the `Legend` component","typeRef":190},{"name":"lineChartProps","required":false,"source":"component","description":"Props passed down to recharts `LineChart` component","typeRef":91},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Chart orientation, `'horizontal'` by default","typeRef":36},{"name":"referenceLines","required":false,"source":"component","description":"Reference lines that should be displayed on the chart","typeRef":149},{"name":"rightYAxisLabel","required":false,"source":"component","description":"A label to display next to the right y-axis","typeRef":359},{"name":"rightYAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component rendered on the right side","typeRef":199},{"name":"series","required":true,"source":"component","description":"An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array.","typeRef":175},{"name":"strokeWidth","required":false,"source":"component","description":"Stroke width for the chart lines","typeRef":353},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the text displayed inside the chart, `'dimmed'` by default","typeRef":162},{"name":"tickLine","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which axis should have tick line, `'y'` by default","typeRef":61},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip position animation duration in ms, `0` by default","typeRef":353},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip` component","typeRef":197},{"name":"type","required":false,"source":"component","literalValues":["default","gradient"],"description":"Controls styles of the line","typeRef":27},{"name":"unit","required":false,"source":"component","description":"Unit displayed next to each tick in y-axis","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withDots","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dots should be displayed","typeRef":341},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart legend should be displayed, `false` by default","typeRef":341},{"name":"withPointLabels","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether each point should have associated label","typeRef":341},{"name":"withRightYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart tooltip should be displayed, `true` by default","typeRef":341},{"name":"withXAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether x-axis should be displayed, `true` by default","typeRef":341},{"name":"withYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether y-axis should be displayed, `true` by default","typeRef":341},{"name":"xAxisLabel","required":false,"source":"component","description":"A label to display below the x-axis","typeRef":359},{"name":"xAxisProps","required":false,"source":"component","description":"Props passed down to the `XAxis` recharts component","typeRef":198},{"name":"yAxisLabel","required":false,"source":"component","description":"A label to display next to the y-axis","typeRef":359},{"name":"yAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component","typeRef":199}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"List","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/list/","props":[{"name":"attributes","required":false,"source":"component","typeRef":462},{"name":"center","required":false,"source":"component","literalValues":[false,true],"description":"Vertically centers list items with their icons","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"icon","required":false,"source":"component","description":"Icon to replace default list markers. Applied to all items unless overridden on individual List.Item components","typeRef":263},{"name":"listStyleType","required":false,"source":"component","literalValues":["-moz-initial","inherit","initial","none","revert","revert-layer","unset"],"description":"Controls CSS `list-style-type` property. Overrides the default list marker style based on list type","typeRef":249},{"name":"reversed","required":false,"source":"component","literalValues":[false,true],"description":"Reverses the order of list items (only works with type=\"ordered\")","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls `font-size` and `line-height`","typeRef":81},{"name":"spacing","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value to set spacing between items","typeRef":183},{"name":"start","required":false,"source":"component","description":"Starting value for ordered list numbering (only works with type=\"ordered\")","typeRef":353},{"name":"type","required":false,"source":"component","literalValues":["ordered","unordered"],"description":"List type","typeRef":65},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withPadding","required":false,"source":"component","literalValues":[false,true],"description":"Adds extra horizontal padding to the list, useful for nested lists","typeRef":341}],"blockedProps":[],"subcomponents":["List.Item"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"List.Item","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/list/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"icon","required":false,"source":"component","description":"Icon to replace item bullet","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":229},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"ListItem","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/list-item/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"icon","required":false,"source":"component","description":"Icon to replace item bullet","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":229},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Loader","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/loader/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"loaders","required":false,"source":"component","description":"Object of loaders components, can be customized via default props or inline.","typeRef":226},{"name":"radius","required":false,"source":"component","typeRef":365},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls `width` and `height` of the loader. `Loader` has predefined `xs`-`xl` values. Numbers are converted to rem.","typeRef":355},{"name":"type","required":false,"source":"component","literalValues":["bars","dots","oval"],"description":"Loader type, key of `loaders` prop","typeRef":110},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"LoadingOverlay","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/loading-overlay/","props":[{"name":"attributes","required":false,"source":"component","typeRef":464},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"loaderProps","required":false,"source":"component","description":"Props passed down to `Loader` component","typeRef":176},{"name":"overlayProps","required":false,"source":"component","description":"Props passed down to `Overlay` component. Use to customizing blur, opacity, color and other properties.","typeRef":201},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to `Transition` component. Set `duration` to create custom transition or override default transition.","typeRef":208},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"visible","required":false,"source":"component","literalValues":[false,true],"description":"Controls overlay visibility. Typically used with state (useState, useDisclosure).","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"MantineProvider","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/mantine-provider/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Replaces a Homarr-owned provider boundary"},{"name":"MantineThemeProvider","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/mantine-theme-provider/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Replaces a Homarr-owned provider boundary"},{"name":"Mark","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/mark/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Marquee","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/marquee/","props":[{"name":"attributes","required":false,"source":"component","typeRef":395},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"duration","required":false,"source":"component","description":"Animation duration in ms","typeRef":353},{"name":"fadeEdgeColor","required":false,"source":"component","description":"Color of the fade gradient,","typeRef":359},{"name":"fadeEdgeSize","required":false,"source":"component","description":"Size of the fade gradient,","typeRef":359},{"name":"fadeEdges","required":false,"source":"component","literalValues":[false,true],"description":"Whether to show gradient fade on edges,","typeRef":341},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Gap between repeated children, key of `theme.spacing` or any valid CSS value","typeRef":183},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Scroll orientation","typeRef":36},{"name":"pauseOnHover","required":false,"source":"component","literalValues":[false,true],"description":"Pauses animation on hover","typeRef":341},{"name":"repeat","required":false,"source":"component","description":"Number of times children are repeated inline for seamless scrolling","typeRef":353},{"name":"reverse","required":false,"source":"component","literalValues":[false,true],"description":"Reverses animation direction","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"MaskInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/mask-input/","props":[{"name":"alwaysShowMask","required":false,"source":"component","literalValues":[false,true],"description":"Show mask pattern even when field is empty and unfocused","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":416},{"name":"autoClear","required":false,"source":"component","literalValues":[false,true],"description":"Clear value on blur when mask is incomplete, `false` by default","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"mask","required":true,"source":"component","description":"Mask pattern string or array of string literals and RegExp objects","typeRef":361},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"separate","required":false,"source":"component","literalValues":[false,true],"description":"When true, raw and display values are decoupled","typeRef":341},{"name":"showMaskOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Show mask placeholder on focus, `true` by default","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"slotChar","required":false,"source":"component","description":"Character displayed in unfilled slots, `\"_\"` by default","typeRef":352},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"tokens","required":false,"source":"component","description":"Override or extend the default token map","typeRef":265},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Menu","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"alignItemsLabels","required":false,"source":"component","literalValues":["all","none","with-indicators"],"description":"Controls how indicator slot space is reserved on menu items for label alignment. `'all'` reserves space on every `Menu.Item`, `'with-indicators'` reserves space only on `Menu.CheckboxItem` and `Menu.RadioItem`, `'none'` reserves space only on items that currently display an indicator.","typeRef":55},{"name":"arrowOffset","required":false,"source":"component","description":"Arrow offset in px","typeRef":353},{"name":"arrowPosition","required":false,"source":"component","literalValues":["center","merge","side"],"description":"Arrow position","typeRef":24},{"name":"arrowRadius","required":false,"source":"component","description":"Arrow `border-radius` in px","typeRef":353},{"name":"arrowSize","required":false,"source":"component","description":"Arrow size in px","typeRef":353},{"name":"attributes","required":false,"source":"component","typeRef":430},{"name":"checkIcon","required":false,"source":"component","description":"Custom icon rendered as the indicator of checked `Menu.CheckboxItem` and selected `Menu.RadioItem`. Can be overridden per item with the `checkIcon` prop.","typeRef":263},{"name":"clickOutsideEvents","required":false,"source":"component","description":"Events that trigger outside click detection. Includes mousedown for desktop clicks, touchstart for mobile, and keydown for Escape key handling","typeRef":368},{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms, applicable only to `trigger=\"hover\"` variant","typeRef":353},{"name":"closeOnClickOutside","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is closed on outside clicks","typeRef":341},{"name":"closeOnEscape","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is closed when the `Escape` key is pressed","typeRef":341},{"name":"closeOnItemClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, the Menu is closed when one of the items is clicked. Can be overridden per item with `closeMenuOnClick` prop","typeRef":341},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled menu initial opened state","typeRef":341},{"name":"floatingStrategy","required":false,"source":"component","literalValues":["absolute","fixed"],"description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","typeRef":34},{"name":"hideDetached","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead.","typeRef":341},{"name":"keepMountedMode","required":false,"source":"component","literalValues":["activity","display-none"],"description":"Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles","typeRef":7},{"name":"loop","required":false,"source":"component","literalValues":[false,true],"description":"If set, arrow key presses wrap around from last item to first and vice versa","typeRef":341},{"name":"menuItemTabIndex","required":false,"source":"component","literalValues":[-1,0],"description":"Set the `tabindex` on all menu items. Use `0` to allow Tab key navigation through menu items (required for navigation menus following WAI-ARIA disclosure pattern).","typeRef":133},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling","typeRef":241},{"name":"offset","required":false,"source":"component","description":"Offset of the dropdown element","typeRef":354},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms, applicable only to `trigger=\"hover\"` variant","typeRef":353},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled menu opened state","typeRef":341},{"name":"overlayProps","required":false,"source":"component","description":"Props passed down to `Overlay` component","typeRef":100},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Dropdown position relative to the target element","typeRef":48},{"name":"preventPositionChangeWhenVisible","required":false,"source":"component","literalValues":[false,true],"description":"If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change.","typeRef":341},{"name":"returnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be automatically returned to control when dropdown closes","typeRef":341},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component. Use to configure duration and animation type.","typeRef":208},{"name":"trapFocus","required":false,"source":"component","literalValues":[false,true],"description":"If set, focus is trapped within the menu dropdown when it is opened","typeRef":341},{"name":"trigger","required":false,"source":"component","literalValues":["click","click-hover","hover"],"description":"Event trigger to open menu. Note: 'hover' is not keyboard accessible; prefer 'click-hover' for accessible hover menus","typeRef":37},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"width","required":false,"source":"component","description":"Dropdown width, or `'target'` to make dropdown width the same as target element","typeRef":243},{"name":"withArrow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether component should have an arrow","typeRef":341},{"name":"withInitialFocusPlaceholder","required":false,"source":"component","literalValues":[false,true],"description":"Adds a hidden focusable element at the start of the dropdown to prevent unexpected focus jumps when opening with keyboard. Set to false if you need custom focus management.","typeRef":341},{"name":"withOverlay","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the overlay should be displayed when the dropdown is opened","typeRef":341}],"blockedProps":[],"subcomponents":["Menu.CheckboxGroup","Menu.CheckboxItem","Menu.ContextMenu","Menu.Divider","Menu.Dropdown","Menu.Item","Menu.Label","Menu.RadioGroup","Menu.RadioItem","Menu.Search","Menu.Sub","Menu.Target"],"bind":{"type":"boolean","initialProp":"defaultChecked"},"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.CheckboxGroup","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled default selected values","typeRef":368},{"name":"value","required":false,"source":"component","description":"Controlled selected values","typeRef":368}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.CheckboxItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"checkIcon","required":false,"source":"component","description":"Replaces the default check icon rendered in the indicator slot when the item is checked. Overrides `checkIcon` set on `Menu`.","typeRef":263},{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, closes the menu when this item is clicked. By default, checkbox items do not close the menu.","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":230},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"value","required":false,"source":"component","description":"Value of the checkbox item. When used inside `Menu.CheckboxGroup`, determines whether the item is checked and what value is added/removed on toggle.","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.ContextMenu","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"longPressDelay","required":false,"source":"component","description":"Delay in ms before a touch long-press opens the dropdown on touch devices, `500` by default","typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Divider","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":213},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Dropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":215},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Item","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"Controls whether the menu closes when this item is clicked. When undefined, inherits from Menu's `closeOnItemClick` prop. When true or false, overrides the Menu-level setting","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"leftSection","required":false,"source":"component","description":"Section displayed at the start of the label","typeRef":263},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":231},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Label","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.RadioGroup","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled default selected value","typeRef":352},{"name":"value","required":false,"source":"component","description":"Controlled selected value","typeRef":352}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.RadioItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"checkIcon","required":false,"source":"component","description":"Replaces the default radio indicator rendered when the item is selected. Overrides `checkIcon` set on `Menu`.","typeRef":263},{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, closes the menu when this item is clicked. By default, radio items do not close the menu.","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":232},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"value","required":true,"source":"component","description":"Value of the radio item. Used by the parent `Menu.RadioGroup` to determine which item is selected.","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Search","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"attributes","required":false,"source":"component","typeRef":420},{"name":"clearSearchOnClose","required":false,"source":"component","literalValues":[false,true],"description":"If set, clears the search value after the menu close transition completes. Requires a controlled `value`/`onChange` pair.","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"error","required":false,"source":"component","description":"Determines whether the input should have error styles and `aria-invalid` attribute","typeRef":263},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"multiline","required":false,"source":"component","literalValues":[false,true],"description":"Adjusts padding and sizing calculations for multiline inputs (use with `component=\"textarea\"`). Does not make the input multiline by itself.","typeRef":341},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Determines whether the input should have success styles","typeRef":263},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAria","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether `aria-` and other accessibility attributes should be added to the input. Only disable when implementing custom accessibility handling.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element of the `Input` component","typeRef":331}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Sub","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"arrowOffset","required":false,"source":"component","description":"Arrow offset in px","typeRef":353},{"name":"arrowPosition","required":false,"source":"component","literalValues":["center","merge","side"],"description":"Arrow position","typeRef":24},{"name":"arrowRadius","required":false,"source":"component","description":"Arrow `border-radius` in px","typeRef":353},{"name":"arrowSize","required":false,"source":"component","description":"Arrow size in px","typeRef":353},{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms, applicable when hover trigger is used","typeRef":353},{"name":"floatingStrategy","required":false,"source":"component","literalValues":["absolute","fixed"],"description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","typeRef":34},{"name":"hideDetached","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead.","typeRef":341},{"name":"keepMountedMode","required":false,"source":"component","literalValues":["activity","display-none"],"description":"Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles","typeRef":7},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling","typeRef":241},{"name":"offset","required":false,"source":"component","description":"Offset of the dropdown element","typeRef":354},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms, applicable when hover trigger is used","typeRef":353},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled opened state","typeRef":341},{"name":"overlayProps","required":false,"source":"component","description":"Props passed down to `Overlay` component","typeRef":100},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Dropdown position relative to the target element","typeRef":48},{"name":"preventPositionChangeWhenVisible","required":false,"source":"component","literalValues":[false,true],"description":"If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change.","typeRef":341},{"name":"returnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be automatically returned to control when dropdown closes","typeRef":341},{"name":"safeAreaPolygon","required":false,"source":"component","description":"Determines whether submenu stays open while the cursor moves toward its dropdown. Pass an object to configure safe polygon behavior.","typeRef":337},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component that used to animate dropdown presence, use to configure duration and animation type","typeRef":208},{"name":"width","required":false,"source":"component","description":"Dropdown width, or `'target'` to make dropdown width the same as target element","typeRef":243},{"name":"withArrow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether component should have an arrow","typeRef":341},{"name":"withOverlay","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the overlay should be displayed when the dropdown is opened","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Target","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuCheckboxGroup","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-checkbox-group/","props":[{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled default selected values","typeRef":368},{"name":"value","required":false,"source":"component","description":"Controlled selected values","typeRef":368}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuCheckboxItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-checkbox-item/","props":[{"name":"checkIcon","required":false,"source":"component","description":"Replaces the default check icon rendered in the indicator slot when the item is checked. Overrides `checkIcon` set on `Menu`.","typeRef":263},{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, closes the menu when this item is clicked. By default, checkbox items do not close the menu.","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":230},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"value","required":false,"source":"component","description":"Value of the checkbox item. When used inside `Menu.CheckboxGroup`, determines whether the item is checked and what value is added/removed on toggle.","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuContextMenu","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-context-menu/","props":[{"name":"longPressDelay","required":false,"source":"component","description":"Delay in ms before a touch long-press opens the dropdown on touch devices, `500` by default","typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuDivider","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-divider/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":213},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuDropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-dropdown/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":215},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-item/","props":[{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"Controls whether the menu closes when this item is clicked. When undefined, inherits from Menu's `closeOnItemClick` prop. When true or false, overrides the Menu-level setting","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"leftSection","required":false,"source":"component","description":"Section displayed at the start of the label","typeRef":263},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":231},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuLabel","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-label/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuRadioGroup","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-radio-group/","props":[{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled default selected value","typeRef":352},{"name":"value","required":false,"source":"component","description":"Controlled selected value","typeRef":352}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuRadioItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-radio-item/","props":[{"name":"checkIcon","required":false,"source":"component","description":"Replaces the default radio indicator rendered when the item is selected. Overrides `checkIcon` set on `Menu`.","typeRef":263},{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, closes the menu when this item is clicked. By default, radio items do not close the menu.","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":232},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"value","required":true,"source":"component","description":"Value of the radio item. Used by the parent `Menu.RadioGroup` to determine which item is selected.","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSearch","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-search/","props":[{"name":"attributes","required":false,"source":"component","typeRef":420},{"name":"clearSearchOnClose","required":false,"source":"component","literalValues":[false,true],"description":"If set, clears the search value after the menu close transition completes. Requires a controlled `value`/`onChange` pair.","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"error","required":false,"source":"component","description":"Determines whether the input should have error styles and `aria-invalid` attribute","typeRef":263},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"multiline","required":false,"source":"component","literalValues":[false,true],"description":"Adjusts padding and sizing calculations for multiline inputs (use with `component=\"textarea\"`). Does not make the input multiline by itself.","typeRef":341},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Determines whether the input should have success styles","typeRef":263},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAria","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether `aria-` and other accessibility attributes should be added to the input. Only disable when implementing custom accessibility handling.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element of the `Input` component","typeRef":331}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSub","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub/","props":[{"name":"arrowOffset","required":false,"source":"component","description":"Arrow offset in px","typeRef":353},{"name":"arrowPosition","required":false,"source":"component","literalValues":["center","merge","side"],"description":"Arrow position","typeRef":24},{"name":"arrowRadius","required":false,"source":"component","description":"Arrow `border-radius` in px","typeRef":353},{"name":"arrowSize","required":false,"source":"component","description":"Arrow size in px","typeRef":353},{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms, applicable when hover trigger is used","typeRef":353},{"name":"floatingStrategy","required":false,"source":"component","literalValues":["absolute","fixed"],"description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","typeRef":34},{"name":"hideDetached","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead.","typeRef":341},{"name":"keepMountedMode","required":false,"source":"component","literalValues":["activity","display-none"],"description":"Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles","typeRef":7},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling","typeRef":241},{"name":"offset","required":false,"source":"component","description":"Offset of the dropdown element","typeRef":354},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms, applicable when hover trigger is used","typeRef":353},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled opened state","typeRef":341},{"name":"overlayProps","required":false,"source":"component","description":"Props passed down to `Overlay` component","typeRef":100},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Dropdown position relative to the target element","typeRef":48},{"name":"preventPositionChangeWhenVisible","required":false,"source":"component","literalValues":[false,true],"description":"If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change.","typeRef":341},{"name":"returnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be automatically returned to control when dropdown closes","typeRef":341},{"name":"safeAreaPolygon","required":false,"source":"component","description":"Determines whether submenu stays open while the cursor moves toward its dropdown. Pass an object to configure safe polygon behavior.","typeRef":337},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component that used to animate dropdown presence, use to configure duration and animation type","typeRef":208},{"name":"width","required":false,"source":"component","description":"Dropdown width, or `'target'` to make dropdown width the same as target element","typeRef":243},{"name":"withArrow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether component should have an arrow","typeRef":341},{"name":"withOverlay","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the overlay should be displayed when the dropdown is opened","typeRef":341}],"blockedProps":[],"subcomponents":["MenuSub.Dropdown","MenuSub.Item","MenuSub.Target"],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSub.Dropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":215},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSub.Item","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub/","props":[{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, the menu is closed when the item is clicked. Overrides `closeOnItemClick` prop on the `Menu` component.","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"leftSection","required":false,"source":"component","description":"Section displayed at the start of the label","typeRef":263},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":233},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSub.Target","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSubDropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub-dropdown/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":215},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSubItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub-item/","props":[{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, the menu is closed when the item is clicked. Overrides `closeOnItemClick` prop on the `Menu` component.","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"leftSection","required":false,"source":"component","description":"Section displayed at the start of the label","typeRef":263},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":233},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSubTarget","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuTarget","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menubar","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar/","props":[],"blockedProps":[],"subcomponents":["Menubar.Dropdown","Menubar.Menu","Menubar.Target"],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Menubar.Dropdown","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Menubar.Menu","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Menubar.Target","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"MenubarDropdown","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar-dropdown/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"MenubarMenu","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar-menu/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"MenubarTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"MiniCalendar","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/mini-calendar/","props":[{"name":"attributes","required":false,"source":"component","typeRef":456},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"date","required":false,"source":"component","description":"Controlled component date value, start date of the interval","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Uncontrolled component default value, start date of the interval","typeRef":362},{"name":"locale","required":false,"source":"component","description":"dayjs locale used for formatting","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum date that can be selected, date object or date string in `YYYY-MM-DD` format","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum date that can be selected, date object or date string in `YYYY-MM-DD` format","typeRef":362},{"name":"monthLabelFormat","required":false,"source":"component","description":"Dayjs format string for month label","typeRef":359},{"name":"nextControlProps","required":false,"source":"component","description":"Props passed to next control button","typeRef":102},{"name":"numberOfDays","required":false,"source":"component","description":"Number of days to display in the calendar","typeRef":353},{"name":"previousControlProps","required":false,"source":"component","description":"Props passed to previous control button","typeRef":102},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Selected date, controlled value","typeRef":363},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"Modal","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":["Modal.Body","Modal.CloseButton","Modal.Content","Modal.Header","Modal.Overlay","Modal.Root","Modal.Stack","Modal.Title"],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Body","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.CloseButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Content","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Header","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Overlay","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Root","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Stack","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Title","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBase","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBaseBody","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base-body/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBaseCloseButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base-close-button/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBaseContent","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base-content/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBaseHeader","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base-header/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBaseOverlay","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base-overlay/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBaseTitle","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base-title/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBody","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-body/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalCloseButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-close-button/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalContent","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-content/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalHeader","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-header/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalOverlay","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-overlay/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalRoot","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-root/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalStack","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-stack/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalTitle","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-title/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Month","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/month/","props":[{"name":"align","required":false,"source":"component","literalValues":["center","left","right"],"typeRef":22},{"name":"attributes","required":false,"source":"component","typeRef":447},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":134},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the month should take the full width of its container","typeRef":341},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":341},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"locale","required":false,"source":"component","description":"`dayjs` locale, the default value is defined by `DatesProvider`","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date, in `YYYY-MM-DD` format","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date, in `YYYY-MM-DD` format","typeRef":362},{"name":"month","required":true,"source":"component","description":"Month to display, value `YYYY-MM-DD`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size","typeRef":81},{"name":"static","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether days should be static, static days can be used to display month if it is not expected that user will interact with the component in any way","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":161},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated by space","typeRef":341},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"MonthLevel","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/month-level/","props":[{"name":"attributes","required":false,"source":"component","typeRef":448},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":134},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":341},{"name":"hasNextLevel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next level button should be enabled","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":341},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"levelControlAriaLabel","required":false,"source":"component","description":"Aria-label for change level control","typeRef":359},{"name":"locale","required":false,"source":"component","description":"`dayjs` locale, the default value is defined by `DatesProvider`","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date, in `YYYY-MM-DD` format","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date, in `YYYY-MM-DD` format","typeRef":362},{"name":"month","required":true,"source":"component","description":"Month that is currently displayed","typeRef":359},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":341},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":341},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size","typeRef":81},{"name":"static","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether days should be static, static days can be used to display month if it is not expected that user will interact with the component in any way","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":161},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated by space","typeRef":341},{"name":"withNext","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next control should be rendered","typeRef":341},{"name":"withPrevious","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether previous control should be rendered","typeRef":341},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"MonthLevelGroup","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/month-level-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":449},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":134},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":341},{"name":"hasNextLevel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next level button should be enabled","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":341},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"locale","required":false,"source":"component","description":"`dayjs` locale, the default value is defined by `DatesProvider`","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date, in `YYYY-MM-DD` format","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date, in `YYYY-MM-DD` format","typeRef":362},{"name":"month","required":true,"source":"component","description":"Month to display","typeRef":359},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":341},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns to display next to each other","typeRef":353},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":341},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size","typeRef":81},{"name":"static","required":false,"source":"component","literalValues":[false,true],"description":"Passed as `isStatic` prop to `Month` component","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":161},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated by space","typeRef":341},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"MonthPicker","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/month-picker/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":106},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":107},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":382},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level (uncontrolled)","typeRef":52},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":159},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level (controlled)","typeRef":52},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Max level that user can go up to","typeRef":52},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":185},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"type","required":false,"source":"component","literalValues":["default","multiple","range"],"description":"Picker type: range, multiple or default","typeRef":158},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value for controlled component","typeRef":159},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"MonthPickerInput","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/month-picker-input/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":106},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":107},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":412},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":258},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set.","typeRef":341},{"name":"closeOnChange","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the dropdown is closed when date is selected, not applicable with `type=\"multiple\"`","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level (uncontrolled)","typeRef":52},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":159},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"labelSeparator","required":false,"source":"component","description":"Separator between range value","typeRef":359},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level (controlled)","typeRef":52},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Max level that user can go up to","typeRef":52},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to `Popover` component","typeRef":204},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":185},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"sortDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dates values should be sorted before `onChange` call, only applicable with type=\"multiple\"","typeRef":341},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["default","multiple","range"],"description":"Picker type: range, multiple or default","typeRef":158},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value for controlled component","typeRef":159},{"name":"valueFormat","required":false,"source":"component","description":"`dayjs` format for input value","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[{"name":"dropdownType","reason":"Modal picker mode escapes the widget overlay boundary"},{"name":"modalProps","reason":"Modal picker configuration escapes the widget overlay boundary"}],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"MonthsList","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/months-list/","props":[{"name":"align","required":false,"source":"component","literalValues":["center","left","right"],"typeRef":22},{"name":"attributes","required":false,"source":"component","typeRef":450},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"year","required":true,"source":"component","description":"Year for which months list should be displayed","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"MultiSelect","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/multi-select/","props":[{"name":"attributes","required":false,"source":"component","typeRef":406},{"name":"checkIconPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the checkmark icon shown next to selected options in the dropdown","typeRef":47},{"name":"chevronColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the default chevron","typeRef":162},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":172},{"name":"clearSearchOnChange","required":false,"source":"component","literalValues":[false,true],"description":"Clear search value when item is selected","typeRef":341},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"When enabled, displays a clear button to remove all selected values (hidden when component is empty, disabled, or read-only)","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"comboboxProps","required":false,"source":"component","description":"Props passed down to `Combobox` component","typeRef":153},{"name":"data","required":false,"source":"component","description":"Data used to generate options. Values must be unique, otherwise an error will be thrown and component will not render.","typeRef":151},{"name":"defaultDropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled dropdown initial opened state","typeRef":341},{"name":"defaultSearchValue","required":false,"source":"component","description":"Default search value","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":330},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"dropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled dropdown opened state","typeRef":341},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"floatingHeight","required":false,"source":"component","literalValues":["viewport"],"description":"If set to `'viewport'`, the dropdown grows to fill the available vertical space in the viewport. Disables the `flip` middleware.","typeRef":78},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":195},{"name":"hiddenInputValuesDivider","required":false,"source":"component","description":"Divider used to separate values in the hidden input `value` attribute","typeRef":359},{"name":"hidePickedOptions","required":false,"source":"component","literalValues":[false,true],"description":"When enabled, selected options are hidden from the dropdown list","typeRef":341},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"limit","required":false,"source":"component","description":"Maximum number of options displayed at a time, `Infinity` by default","typeRef":353},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"maxDropdownHeight","required":false,"source":"component","description":"`max-height` of the dropdown, only applicable when `withScrollArea` prop is `true`, `250` by default","typeRef":365},{"name":"maxValues","required":false,"source":"component","description":"Maximum number of values, no limit if not set","typeRef":353},{"name":"nothingFoundMessage","required":false,"source":"component","description":"Message displayed when no options match the search query (when searchable is enabled) or when the data array is empty. If not set, the dropdown will be hidden instead.","typeRef":263},{"name":"openOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Controls whether dropdown opens when the input receives focus","typeRef":341},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed down to the underlying `ScrollArea` component in the dropdown","typeRef":274},{"name":"searchValue","required":false,"source":"component","description":"Controlled search value","typeRef":359},{"name":"searchable","required":false,"source":"component","literalValues":[false,true],"description":"Allows searching through options by user input","typeRef":341},{"name":"selectFirstOptionOnChange","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when value changes, `false` by default","typeRef":341},{"name":"selectFirstOptionOnDropdownOpen","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when dropdown opens, `false` by default","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":330},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAlignedLabels","required":false,"source":"component","literalValues":[false,true],"description":"If set, unchecked labels are aligned with checked ones","typeRef":341},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withCheckIcon","required":false,"source":"component","literalValues":[false,true],"description":"If set, the check icon is displayed near the selected option label","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withPillsReorder","required":false,"source":"component","literalValues":[false,true],"description":"If set, selected values can be reordered by dragging pills. Disabled when `disabled` or `readOnly` is set.","typeRef":341},{"name":"withScrollArea","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the options should be wrapped with `ScrollArea.AutoSize`, `true` by default","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"NativeScrollArea","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/native-scroll-area/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"NativeSelect","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/native-select/","props":[{"name":"attributes","required":false,"source":"component","typeRef":416},{"name":"autoComplete","required":false,"source":"component","typeRef":359},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":false,"source":"component","description":"Data used to render options. Accepts strings, objects with label/value, or grouped options. If `children` prop is provided, `data` will be ignored.","typeRef":154},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"NavLink","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/nav-link/","props":[{"name":"active","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the link should have active styles","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":377},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"childrenOffset","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls indentation of nested NavLink components, key of `theme.spacing` or any valid CSS value","typeRef":183},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to control active styles","typeRef":162},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled nested items collapse initial state","typeRef":341},{"name":"description","required":false,"source":"component","description":"Link description, displayed below the label","typeRef":263},{"name":"disableRightSectionRotation","required":false,"source":"component","literalValues":[false,true],"description":"If set, right section will not be rotated when collapse is opened","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set to `false`, child `NavLinks` are unmounted when collapsed","typeRef":341},{"name":"label","required":false,"source":"component","description":"Main link label","typeRef":263},{"name":"leftSection","required":false,"source":"component","description":"Section displayed on the left side of the label","typeRef":263},{"name":"noWrap","required":false,"source":"component","literalValues":[false,true],"description":"If set, label and description are truncated with ellipsis instead of wrapping","typeRef":341},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled nested items collapse state","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Section displayed on the right side of the label","typeRef":263},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["filled","light","subtle"],"typeRef":125}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Notification","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/notification/","props":[{"name":"attributes","required":false,"source":"component","typeRef":381},{"name":"closeButtonProps","required":false,"source":"component","description":"Props passed down to the close button","typeRef":94},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls icon background color or notification accent line color, key of `theme.colors` or any valid CSS color. When `icon` is provided, sets the icon background color. When no icon is provided, sets the colored accent line on the left.","typeRef":162},{"name":"icon","required":false,"source":"component","description":"Notification icon, replaces color line","typeRef":263},{"name":"loaderProps","required":false,"source":"component","description":"Props passed down to the `Loader` component","typeRef":176},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"If set, displays a `Loader` component instead of the icon. Takes precedence over the `icon` prop if both are provided.","typeRef":341},{"name":"title","required":false,"source":"component","description":"Notification title, displayed above the message body","typeRef":263},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withCloseButton","required":false,"source":"component","literalValues":[false,true],"description":"If set, the close button is visible","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"NumberFormatter","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/number-formatter/","props":[{"name":"allowNegative","required":false,"source":"component","literalValues":[false,true],"description":"If set, negative values are allowed","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"decimalScale","required":false,"source":"component","description":"Limits the number of digits that are displayed after the decimal point","typeRef":353},{"name":"decimalSeparator","required":false,"source":"component","description":"Character used as a decimal separator, `'.'` by default","typeRef":359},{"name":"fixedDecimalScale","required":false,"source":"component","literalValues":[false,true],"description":"If set, zeros are added after `decimalSeparator` to match given `decimalScale`.","typeRef":341},{"name":"suffix","required":false,"source":"component","description":"Suffix added after the value","typeRef":359},{"name":"thousandSeparator","required":false,"source":"component","description":"A character used to separate thousands","typeRef":364},{"name":"thousandsGroupStyle","required":false,"source":"component","literalValues":["lakh","none","thousand","wan"],"description":"Defines the thousand grouping style","typeRef":60},{"name":"value","required":false,"source":"component","description":"Value to format","typeRef":365}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"NumberInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/number-input/","props":[{"name":"allowDecimal","required":false,"source":"component","literalValues":[false,true],"description":"If set, decimal values are allowed","typeRef":341},{"name":"allowLeadingZeros","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether leading zeros are allowed during input. If `false`, leading zeros are removed as you type (e.g., typing `007` results in `7`). Works in conjunction with `trimLeadingZeroesOnBlur`.","typeRef":341},{"name":"allowNegative","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether negative numbers are allowed. If `false`, the input will not accept negative values, and the decrement button will stop at `0` (when `min` is not set).","typeRef":341},{"name":"allowedDecimalSeparators","required":false,"source":"component","description":"Characters which when pressed result in a decimal separator. These characters will be replaced by the `decimalSeparator` in the input value.","typeRef":368},{"name":"attributes","required":false,"source":"component","typeRef":417},{"name":"clampBehavior","required":false,"source":"component","literalValues":["blur","none","strict"],"description":"Controls how values are clamped to the `min`/`max` range: - `'blur'` (default): User can type any value, but it's clamped when the input loses focus - `'strict'`: User cannot type values outside the range - `'none'`: No clamping; `min`/`max` only apply to increment/decrement controls and arrow keys","typeRef":58},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"decimalScale","required":false,"source":"component","description":"Limits the number of digits that can be entered after the decimal point","typeRef":353},{"name":"decimalSeparator","required":false,"source":"component","description":"Character used as a decimal separator. Generally used with `allowedDecimalSeparators` prop.","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":187},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"fixedDecimalScale","required":false,"source":"component","literalValues":[false,true],"description":"If `true`, automatically pads the decimal part with zeros to match `decimalScale` (e.g., with `decimalScale={2}`, typing `5.1` displays as `5.10`). Requires `decimalScale` to be set.","typeRef":341},{"name":"hideControls","required":false,"source":"component","literalValues":[false,true],"description":"If set, the up/down controls are hidden","typeRef":341},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"max","required":false,"source":"component","description":"Maximum possible value","typeRef":313},{"name":"min","required":false,"source":"component","description":"Minimum possible value","typeRef":313},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"selectAllOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"If set, all text is selected when the input receives focus","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"startValue","required":false,"source":"component","description":"Value used when incrementing/decrementing an empty input. If `min` is set and `startValue < min`, `min` is used instead.","typeRef":313},{"name":"step","required":false,"source":"component","description":"Number by which value will be incremented/decremented with up/down controls and keyboard arrows","typeRef":313},{"name":"stepHoldDelay","required":false,"source":"component","description":"Initial delay in milliseconds before stepping the value.","typeRef":353},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"suffix","required":false,"source":"component","description":"Suffix added after the input value","typeRef":359},{"name":"thousandSeparator","required":false,"source":"component","description":"A character used to separate thousands","typeRef":364},{"name":"thousandsGroupStyle","required":false,"source":"component","literalValues":["lakh","none","thousand","wan"],"description":"Defines the thousand grouping style. 'thousand' (1,000), 'lakh' (1,00,000), 'wan' (1,0000), 'none'.","typeRef":60},{"name":"trimLeadingZeroesOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"If set, leading zeros are removed on blur. For example, `00100` -> `100`","typeRef":341},{"name":"type","required":false,"source":"component","literalValues":["password","tel","text"],"description":"Controls input `type` attribute","typeRef":74},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":187},{"name":"valueIsNumericString","required":false,"source":"component","literalValues":[false,true],"description":"Advanced: Set to `true` if you're passing numeric strings (e.g., `\"12345\"`) and using formatting props like `prefix` or `suffix`. In most cases, you don't need this prop. See [react-number-format docs](https://www.npmjs.com/package/react-number-format) for details.","typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withKeyboardEvents","required":false,"source":"component","literalValues":[false,true],"description":"If set, up/down keyboard events increment/decrement value","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"number","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"OptionalPortal","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/optional-portal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Can render outside the widget root"},{"name":"OptionsDropdown","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/options-dropdown/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"OverflowList","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/overflow-list/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"collapseFrom","required":false,"source":"component","literalValues":["end","start"],"description":"Direction from which items are collapsed when they overflow, `'end'` collapses last items, `'start'` collapses first items","typeRef":32},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Array of items to display","typeRef":314},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem","typeRef":183},{"name":"maxRows","required":false,"source":"component","description":"Number of rows to display","typeRef":353},{"name":"maxVisibleItems","required":false,"source":"component","description":"Maximum number of visible items","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Overlay","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/overlay/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"backgroundOpacity","required":false,"source":"component","description":"Overlay `background-color` opacity 0–1, ignored when `gradient` prop is set","typeRef":353},{"name":"blur","required":false,"source":"component","description":"Overlay background blur in px (converted to rem). Applies `backdrop-filter: blur()`. Note: backdrop-filter is not supported in all browsers.","typeRef":365},{"name":"center","required":false,"source":"component","literalValues":[false,true],"description":"Centers content inside the overlay using flexbox (sets display: flex, align-items: center, justify-content: center)","typeRef":341},{"name":"color","required":false,"source":"component","description":"Overlay `background-color`","typeRef":245},{"name":"fixed","required":false,"source":"component","literalValues":[false,true],"description":"Changes position from `absolute` to `fixed` (viewport-relative instead of parent-relative)","typeRef":341},{"name":"gradient","required":false,"source":"component","description":"Changes overlay to gradient. If set, both `color` and `backgroundOpacity` props are ignored.","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"PaginatedList","package":"@homarr/widgets","category":"interaction","safety":"allowed","description":"Renders a bounded page of collection items.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"pageSize","source":"component","required":false,"typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[{"name":"attributes","required":false,"source":"component","typeRef":425},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on the active page background color to ensure sufficient contrast","typeRef":341},{"name":"boundaries","required":false,"source":"component","description":"Number of elements visible on the left/right edges","typeRef":353},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors`, active item color","typeRef":162},{"name":"defaultValue","required":false,"source":"component","description":"Active page for uncontrolled component, must be an integer in [1, total] interval","typeRef":353},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing`, gap between controls","typeRef":183},{"name":"hideWithOnePage","required":false,"source":"component","literalValues":[false,true],"description":"If set, the pagination is hidden when only one page is available (`total={1}`)","typeRef":341},{"name":"layout","required":false,"source":"component","literalValues":["default","responsive"],"description":"Determines how the pagination is displayed, `'responsive'` uses CSS container queries to switch between pages and a compact label","typeRef":28},{"name":"siblings","required":false,"source":"component","description":"Number of siblings displayed on the left/right side of the selected page","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["input-lg","input-md","input-sm","input-xl","input-xs","lg","md","sm","xl","xs"],"description":"`height` and `min-width` of controls","typeRef":356},{"name":"startValue","required":false,"source":"component","description":"Starting page number, defaults to 1","typeRef":353},{"name":"total","required":true,"source":"component","description":"Total number of pages, must be an integer","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Active page for controlled component, must be an integer in [1, total] interval","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withControls","required":false,"source":"component","literalValues":[false,true],"description":"If set, next/previous controls are displayed","typeRef":341},{"name":"withEdges","required":false,"source":"component","literalValues":[false,true],"description":"If set, first/last controls are displayed","typeRef":341},{"name":"withPages","required":false,"source":"component","literalValues":[false,true],"description":"If set to `false`, page number buttons are hidden, only next/previous controls remain","typeRef":341}],"blockedProps":[],"subcomponents":["Pagination.Control","Pagination.Dots","Pagination.First","Pagination.Items","Pagination.Label","Pagination.Last","Pagination.Next","Pagination.Previous","Pagination.Root"],"bind":{"type":"number","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Control","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[{"name":"active","required":false,"source":"component","literalValues":[false,true],"description":"Applies active styles, adds `data-active` attribute","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":211},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withPadding","required":false,"source":"component","literalValues":[false,true],"description":"Applies padding","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Dots","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":214},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.First","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Items","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Label","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Last","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Next","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Previous","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Root","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[{"name":"attributes","required":false,"source":"component","typeRef":425},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on the active page background color to ensure sufficient contrast","typeRef":341},{"name":"boundaries","required":false,"source":"component","description":"Number of elements visible on the left/right edges","typeRef":353},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors`, active item color","typeRef":162},{"name":"defaultValue","required":false,"source":"component","description":"Active page for uncontrolled component, must be an integer in [1, total] interval","typeRef":353},{"name":"layout","required":false,"source":"component","literalValues":["default","responsive"],"description":"Determines how the pagination is displayed, `'responsive'` uses CSS container queries to switch between pages and a compact label","typeRef":28},{"name":"siblings","required":false,"source":"component","description":"Number of siblings displayed on the left/right side of the selected page","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["input-lg","input-md","input-sm","input-xl","input-xs","lg","md","sm","xl","xs"],"description":"`height` and `min-width` of controls","typeRef":356},{"name":"startValue","required":false,"source":"component","description":"Starting page number, defaults to 1","typeRef":353},{"name":"total","required":true,"source":"component","description":"Total number of pages, must be an integer","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Active page for controlled component, must be an integer in [1, total] interval","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"PaginationControl","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-control/","props":[{"name":"active","required":false,"source":"component","literalValues":[false,true],"description":"Applies active styles, adds `data-active` attribute","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":211},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withPadding","required":false,"source":"component","literalValues":[false,true],"description":"Applies padding","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationDots","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-dots/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":214},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationFirst","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-first/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationItems","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-items/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationLabel","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-label/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationLast","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-last/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationNext","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-next/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationPrevious","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-previous/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationRoot","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-root/","props":[{"name":"attributes","required":false,"source":"component","typeRef":425},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on the active page background color to ensure sufficient contrast","typeRef":341},{"name":"boundaries","required":false,"source":"component","description":"Number of elements visible on the left/right edges","typeRef":353},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors`, active item color","typeRef":162},{"name":"defaultValue","required":false,"source":"component","description":"Active page for uncontrolled component, must be an integer in [1, total] interval","typeRef":353},{"name":"layout","required":false,"source":"component","literalValues":["default","responsive"],"description":"Determines how the pagination is displayed, `'responsive'` uses CSS container queries to switch between pages and a compact label","typeRef":28},{"name":"siblings","required":false,"source":"component","description":"Number of siblings displayed on the left/right side of the selected page","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["input-lg","input-md","input-sm","input-xl","input-xs","lg","md","sm","xl","xs"],"description":"`height` and `min-width` of controls","typeRef":356},{"name":"startValue","required":false,"source":"component","description":"Starting page number, defaults to 1","typeRef":353},{"name":"total","required":true,"source":"component","description":"Total number of pages, must be an integer","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Active page for controlled component, must be an integer in [1, total] interval","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Paper","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/paper/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"PasswordInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/password-input/","props":[{"name":"attributes","required":false,"source":"component","typeRef":418},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultVisible","required":false,"source":"component","literalValues":[false,true],"description":"If set, the input value is visible by default","typeRef":341},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"visibilityToggleButtonProps","required":false,"source":"component","description":"Props passed down to the visibility toggle button","typeRef":266},{"name":"visible","required":false,"source":"component","literalValues":[false,true],"description":"If set, the input value is visible","typeRef":341},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"PickerControl","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/picker-control/","props":[{"name":"attributes","required":false,"source":"component","typeRef":451},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"firstInRange","required":false,"source":"component","literalValues":[false,true],"description":"Assigns first in range styles","typeRef":341},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the control should take the full width of its cell","typeRef":341},{"name":"inRange","required":false,"source":"component","literalValues":[false,true],"description":"Assigns in range styles","typeRef":341},{"name":"lastInRange","required":false,"source":"component","literalValues":[false,true],"description":"Assigns last in range styles","typeRef":341},{"name":"selected","required":false,"source":"component","literalValues":[false,true],"description":"Assigns selected styles","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"PickerInputBase","package":"@mantine/dates","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/dates/picker-input-base/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Internal date-input primitive"},{"name":"PieChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/pie-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":441},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Data used to render chart","typeRef":240},{"name":"endAngle","required":false,"source":"component","description":"Controls angle at which charts ends. Set to `0` to render the chart as semicircle.","typeRef":353},{"name":"labelColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls text color of all labels, white by default","typeRef":162},{"name":"labelsPosition","required":false,"source":"component","literalValues":["inside","outside"],"description":"Controls labels position relative to the segment","typeRef":46},{"name":"labelsType","required":false,"source":"component","literalValues":["name","percent","value"],"description":"Type of labels to display","typeRef":77},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to recharts `Legend` component","typeRef":190},{"name":"paddingAngle","required":false,"source":"component","description":"Controls padding between segments","typeRef":353},{"name":"pieChartProps","required":false,"source":"component","description":"Props passed down to recharts `PieChart` component","typeRef":101},{"name":"pieProps","required":false,"source":"component","description":"Props passed down to recharts `Pie` component","typeRef":203},{"name":"size","required":false,"source":"component","description":"Controls chart width and height, height is increased by 40 if `withLabels` prop is set. Cannot be less than `thickness`.","typeRef":353},{"name":"startAngle","required":false,"source":"component","description":"Controls angle at which chart starts. Set to `180` to render the chart as semicircle.","typeRef":353},{"name":"strokeColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the segments stroke, by default depends on color scheme","typeRef":162},{"name":"strokeWidth","required":false,"source":"component","description":"Controls width of segments stroke","typeRef":353},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip animation duration in ms","typeRef":353},{"name":"tooltipDataSource","required":false,"source":"component","literalValues":["all","segment"],"description":"Determines which data is displayed in the tooltip. `'all'` – display all values, `'segment'` – display only hovered segment.","typeRef":9},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to `Tooltip` recharts component","typeRef":197},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withLabels","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether each segment should have associated label","typeRef":341},{"name":"withLabelsLine","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether segments labels should have lines that connect the segment with the label","typeRef":341},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the legend should be displayed","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed when one of the section is hovered","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Pill","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pill/","props":[{"name":"attributes","required":false,"source":"component","typeRef":428},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"removeButtonProps","required":false,"source":"component","description":"Props passed down to the remove button","typeRef":93},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls pill `font-size` and `padding`","typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["contrast","default"],"typeRef":126},{"name":"withRemoveButton","required":false,"source":"component","literalValues":[false,true],"description":"Controls visibility of the remove button","typeRef":341}],"blockedProps":[],"subcomponents":["Pill.Group"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Pill.Group","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pill/","props":[{"name":"attributes","required":false,"source":"component","typeRef":400},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls spacing between pills, by default controlled by `size`","typeRef":355},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the child `Pill` components and gap between them","typeRef":182},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PillGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pill-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":400},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls spacing between pills, by default controlled by `size`","typeRef":355},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the child `Pill` components and gap between them","typeRef":182},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PillsInput","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/pills-input/","props":[],"blockedProps":[],"subcomponents":["PillsInput.Field"],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"PillsInput.Field","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/pills-input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"PillsInputField","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/pills-input-field/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"PinInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pin-input/","props":[{"name":"ariaLabel","required":false,"source":"component","description":"`aria-label` attribute","typeRef":359},{"name":"attributes","required":false,"source":"component","typeRef":419},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":359},{"name":"error","required":false,"source":"component","literalValues":[false,true],"description":"Sets `aria-invalid` attribute and applies error styles to all inputs","typeRef":341},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value to set `gap` between inputs, numbers are converted to rem","typeRef":183},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":261},{"name":"inputType","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"description":"Inputs `type` attribute, inferred from the `type` prop if not specified","typeRef":262},{"name":"length","required":false,"source":"component","description":"Number of inputs","typeRef":353},{"name":"manageFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be moved automatically to the next input once filled","typeRef":341},{"name":"mask","required":false,"source":"component","literalValues":[false,true],"description":"Changes input type to `\"password\"`","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls inputs `width` and `height`","typeRef":81},{"name":"success","required":false,"source":"component","literalValues":[false,true],"description":"Applies success styles to all inputs","typeRef":341},{"name":"type","required":false,"source":"component","literalValues":["alphanumeric","number"],"description":"Determines which values can be entered","typeRef":62},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Popover","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover/","props":[{"name":"arrowOffset","required":false,"source":"component","description":"Arrow offset in px","typeRef":353},{"name":"arrowPosition","required":false,"source":"component","literalValues":["center","merge","side"],"description":"Arrow position","typeRef":24},{"name":"arrowRadius","required":false,"source":"component","description":"Arrow `border-radius` in px","typeRef":353},{"name":"arrowSize","required":false,"source":"component","description":"Arrow size in px","typeRef":353},{"name":"attributes","required":false,"source":"component","typeRef":399},{"name":"clickOutsideEvents","required":false,"source":"component","description":"Events that trigger outside clicks","typeRef":368},{"name":"closeOnClickOutside","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dropdown should be closed on outside clicks","typeRef":341},{"name":"closeOnEscape","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dropdown should be closed when `Escape` key is pressed","typeRef":341},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Initial opened state for uncontrolled component","typeRef":341},{"name":"floatingStrategy","required":false,"source":"component","literalValues":["absolute","fixed"],"description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","typeRef":34},{"name":"hideDetached","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead.","typeRef":341},{"name":"keepMountedMode","required":false,"source":"component","literalValues":["activity","display-none"],"description":"Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles","typeRef":7},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling","typeRef":241},{"name":"offset","required":false,"source":"component","description":"Offset of the dropdown element","typeRef":354},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled dropdown opened state","typeRef":341},{"name":"overlayProps","required":false,"source":"component","description":"Props passed down to `Overlay` component","typeRef":100},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Dropdown position relative to the target element","typeRef":48},{"name":"preventPositionChangeWhenVisible","required":false,"source":"component","literalValues":[false,true],"description":"If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change.","typeRef":341},{"name":"returnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be automatically returned to control when dropdown closes","typeRef":341},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component. Use to configure duration and animation type.","typeRef":208},{"name":"trapFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be trapped within dropdown","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"width","required":false,"source":"component","description":"Dropdown width, or `'target'` to make dropdown width the same as target element","typeRef":243},{"name":"withArrow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether component should have an arrow","typeRef":341},{"name":"withOverlay","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the overlay should be displayed when the dropdown is opened","typeRef":341},{"name":"withRoles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dropdown and target elements should have accessible roles","typeRef":341}],"blockedProps":[],"subcomponents":["Popover.ContextMenu","Popover.Dropdown","Popover.Target"],"bind":{"type":"boolean","initialProp":"defaultChecked"},"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Popover.ContextMenu","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover/","props":[{"name":"longPressDelay","required":false,"source":"component","description":"Delay in ms before a touch long-press opens the dropdown on touch devices, `500` by default","typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Popover.Dropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":234},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Popover.Target","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover/","props":[{"name":"popupType","required":false,"source":"component","description":"Popup accessible type","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"PopoverContextMenu","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover-context-menu/","props":[{"name":"longPressDelay","required":false,"source":"component","description":"Delay in ms before a touch long-press opens the dropdown on touch devices, `500` by default","typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"PopoverDropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover-dropdown/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":234},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"PopoverTarget","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover-target/","props":[{"name":"popupType","required":false,"source":"component","description":"Popup accessible type","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Portal","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/portal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Can render outside the widget root"},{"name":"Progress","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress/","props":[{"name":"animated","required":false,"source":"component","literalValues":[false,true],"description":"If set, the sections stripes are animated (automatically enables striped)","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":432},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts label text color based on section background color for readability","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS value","typeRef":162},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Controls orientation","typeRef":36},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls track height","typeRef":355},{"name":"striped","required":false,"source":"component","literalValues":[false,true],"description":"If set, the section has stripes","typeRef":341},{"name":"transitionDuration","required":false,"source":"component","description":"Controls sections width transition duration, value is specified in ms","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":true,"source":"component","description":"Value of the progress","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":["Progress.Label","Progress.Root","Progress.Section"],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"Progress.Label","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"Progress.Root","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress/","props":[{"name":"attributes","required":false,"source":"component","typeRef":432},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts label text color based on section background color for readability","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Controls orientation","typeRef":36},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls track height","typeRef":355},{"name":"transitionDuration","required":false,"source":"component","description":"Controls sections width transition duration, value is specified in ms","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"Progress.Section","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress/","props":[{"name":"animated","required":false,"source":"component","literalValues":[false,true],"description":"If set, the sections stripes are animated, `striped` prop is ignored","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS value","typeRef":162},{"name":"striped","required":false,"source":"component","literalValues":[false,true],"description":"If set, the section has stripes","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":224},{"name":"value","required":true,"source":"component","description":"Value of the section in 0–100 range","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAria","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether `aria-*` props should be added to the root element","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"ProgressLabel","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress-label/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"ProgressRoot","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress-root/","props":[{"name":"attributes","required":false,"source":"component","typeRef":432},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts label text color based on section background color for readability","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Controls orientation","typeRef":36},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls track height","typeRef":355},{"name":"transitionDuration","required":false,"source":"component","description":"Controls sections width transition duration, value is specified in ms","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"ProgressSection","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress-section/","props":[{"name":"animated","required":false,"source":"component","literalValues":[false,true],"description":"If set, the sections stripes are animated, `striped` prop is ignored","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS value","typeRef":162},{"name":"striped","required":false,"source":"component","literalValues":[false,true],"description":"If set, the section has stripes","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":224},{"name":"value","required":true,"source":"component","description":"Value of the section in 0–100 range","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAria","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether `aria-*` props should be added to the root element","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"RadarChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/radar-chart/","props":[{"name":"activeDotProps","required":false,"source":"component","description":"Props passed down to all active dots. Ignored if `withDots={false}` is set.","typeRef":178},{"name":"attributes","required":false,"source":"component","typeRef":440},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Data used in the chart","typeRef":267},{"name":"dataKey","required":true,"source":"component","description":"Key of the `data` object for axis values","typeRef":359},{"name":"dotProps","required":false,"source":"component","description":"Props passed down to all dots. Ignored if `withDots={false}` is set.","typeRef":178},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the grid lines. By default, color depends on the color scheme.","typeRef":162},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to recharts Legend component","typeRef":190},{"name":"polarAngleAxisProps","required":false,"source":"component","description":"Props passed down to recharts PolarAngleAxis component","typeRef":191},{"name":"polarGridProps","required":false,"source":"component","description":"Props passed down to recharts PolarGrid component","typeRef":192},{"name":"polarRadiusAxisProps","required":false,"source":"component","description":"Props passed down to recharts PolarRadiusAxis component","typeRef":193},{"name":"radarChartProps","required":false,"source":"component","description":"Props passed down to recharts RadarChart component","typeRef":101},{"name":"series","required":true,"source":"component","description":"Determines which data should be consumed from the `data` array.","typeRef":255},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of all text elements. By default, color depends on the color scheme.","typeRef":162},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip position animation duration in ms","typeRef":353},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to recharts Tooltip component","typeRef":197},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withDots","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dots should be displayed","typeRef":341},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the legend should be displayed","typeRef":341},{"name":"withPolarAngleAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether PolarAngleAxis component should be displayed","typeRef":341},{"name":"withPolarGrid","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether PolarGrid component should be displayed","typeRef":341},{"name":"withPolarRadiusAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether PolarRadiusAxisProps component should be displayed","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether Tooltip component should be displayed","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"RadialBarChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/radial-bar-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":442},{"name":"barSize","required":false,"source":"component","description":"Size of bars in px, `20` by default","typeRef":353},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Chart data","typeRef":267},{"name":"dataKey","required":true,"source":"component","description":"Key from data object to use as data key","typeRef":359},{"name":"emptyBackgroundColor","required":false,"source":"component","description":"Color of the empty background, by default depends on the color scheme","typeRef":359},{"name":"endAngle","required":false,"source":"component","description":"Angle at which chart ends","typeRef":353},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to recharts Legend component","typeRef":190},{"name":"radialBarChartProps","required":false,"source":"component","description":"Props passed down to recharts RadarChartChart component","typeRef":101},{"name":"radialBarProps","required":false,"source":"component","description":"Props passed down to recharts RadialBar component","typeRef":194},{"name":"startAngle","required":false,"source":"component","description":"Angle at which chart starts","typeRef":353},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to `Tooltip` recharts component","typeRef":197},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withBackground","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether empty bars area should be visible","typeRef":341},{"name":"withLabels","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether labels should be displayed","typeRef":341},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the legend should be displayed","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed when one of the bars is hovered","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Radio","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio/","props":[{"name":"attributes","required":false,"source":"component","typeRef":376},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of theme.colors or any valid CSS color to set radio background color in checked state","typeRef":162},{"name":"description","required":false,"source":"component","description":"Description displayed below the label","typeRef":263},{"name":"error","required":false,"source":"component","description":"Error displayed below the label","typeRef":263},{"name":"iconColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of theme.colors or any valid CSS color to set icon color. When not set, icon color is determined automatically based on theme.autoContrast setting","typeRef":162},{"name":"label","required":false,"source":"component","description":"Content of the `label` associated with the radio","typeRef":263},{"name":"labelPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the label relative to the input","typeRef":47},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the component","typeRef":182},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["filled","outline"],"typeRef":128},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"If set, applies error styles to the radio when `error` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":103}],"blockedProps":[],"subcomponents":["Radio.Card","Radio.Group","Radio.Indicator"],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Radio.Card","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio/","props":[{"name":"attributes","required":false,"source":"component","typeRef":390},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value of the radio, used with Radio.Group","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Radio.Group","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio/","props":[{"name":"attributes","required":false,"source":"component","typeRef":426},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":329},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelElement","required":false,"source":"component","literalValues":["div","label"],"description":"Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually.","typeRef":31},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the `Input.Wrapper`","typeRef":81},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":329},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the `Input.Wrapper`","typeRef":103}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Radio.Indicator","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio/","props":[{"name":"attributes","required":false,"source":"component","typeRef":403},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of theme.colors or any valid CSS color to set indicator background color in checked state","typeRef":162},{"name":"iconColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of theme.colors or any valid CSS color to set icon color. When not set, icon color is determined automatically based on theme.autoContrast setting","typeRef":162},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the component","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["filled","outline"],"typeRef":127}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"RadioCard","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio-card/","props":[{"name":"attributes","required":false,"source":"component","typeRef":390},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value of the radio, used with Radio.Group","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"RadioGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":426},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":329},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelElement","required":false,"source":"component","literalValues":["div","label"],"description":"Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually.","typeRef":31},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the `Input.Wrapper`","typeRef":81},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":329},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the `Input.Wrapper`","typeRef":103}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"RadioIcon","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio-icon/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"display","required":false,"source":"component","typeRef":365},{"name":"opacity","required":false,"source":"component","typeRef":365},{"name":"radius","required":false,"source":"component","typeRef":365},{"name":"size","required":false,"source":"component","typeRef":365},{"name":"type","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"RadioIndicator","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio-indicator/","props":[{"name":"attributes","required":false,"source":"component","typeRef":403},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of theme.colors or any valid CSS color to set indicator background color in checked state","typeRef":162},{"name":"iconColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of theme.colors or any valid CSS color to set icon color. When not set, icon color is determined automatically based on theme.autoContrast setting","typeRef":162},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the component","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["filled","outline"],"typeRef":127}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"RangeSlider","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/range-slider/","props":[{"name":"attributes","required":false,"source":"component","typeRef":424},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, controls color of track and thumb","typeRef":162},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":256},{"name":"domain","required":false,"source":"component","description":"Domain of the slider, defines the selectable value range independently of min/max. Useful when you want to display a wider track range (min/max) but restrict actual selection to a subset (domain).","typeRef":334},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":261},{"name":"inverted","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether track values representation should be inverted","typeRef":341},{"name":"labelAlwaysOn","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the label should be visible when the slider is not being dragged or hovered","typeRef":341},{"name":"labelTransitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component","typeRef":208},{"name":"marks","required":false,"source":"component","description":"Marks displayed on the track","typeRef":276},{"name":"max","required":false,"source":"component","description":"Maximum possible value","typeRef":353},{"name":"maxRange","required":false,"source":"component","description":"Maximum range interval","typeRef":353},{"name":"min","required":false,"source":"component","description":"Minimal possible value","typeRef":353},{"name":"minRange","required":false,"source":"component","description":"Minimal range interval between the two thumbs. Consider this value relative to the total range (max - min).","typeRef":353},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Slider orientation","typeRef":36},{"name":"precision","required":false,"source":"component","description":"Number of significant digits after the decimal point","typeRef":353},{"name":"pushOnOverlap","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the other thumb should be pushed by the current thumb dragging when `minRange`/`maxRange` is reached","typeRef":341},{"name":"restrictToMarks","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the selection should be only allowed from the given marks array","typeRef":341},{"name":"showLabelOnHover","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the label should be displayed when the slider is hovered","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the track","typeRef":355},{"name":"step","required":false,"source":"component","description":"Number by which value will be incremented/decremented with thumb drag and arrows","typeRef":353},{"name":"thumbChildren","required":false,"source":"component","description":"Content rendered inside thumb","typeRef":263},{"name":"thumbFromLabel","required":false,"source":"component","description":"First thumb `aria-label`","typeRef":359},{"name":"thumbLabel","required":false,"source":"component","description":"`aria-label` for both thumbs (overridden by thumbFromLabel/thumbToLabel if provided)","typeRef":359},{"name":"thumbSize","required":false,"source":"component","description":"Thumb `width` and `height`, by default value is computed based on `size` prop","typeRef":365},{"name":"thumbToLabel","required":false,"source":"component","description":"Second thumb `aria-label`","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":256},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"number[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Rating","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/rating/","props":[{"name":"allowClear","required":false,"source":"component","literalValues":[false,true],"description":"When true, clicking the same rating value clears the rating to 0, default is false","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":409},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of theme.colors or any CSS color value, default is 'yellow'","typeRef":162},{"name":"count","required":false,"source":"component","description":"Number of rating items (stars), default is 5","typeRef":353},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":353},{"name":"fractions","required":false,"source":"component","description":"Number of fractions each item can be divided into, default is 1","typeRef":353},{"name":"highlightSelectedOnly","required":false,"source":"component","literalValues":[false,true],"description":"When true, only the clicked rating item is highlighted, not all items up to the selected value, default is false","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls component size","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"number","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"RecursiveList","package":"@homarr/widgets","category":"content","safety":"wrapped","description":"Renders an arbitrary-depth tree through a bounded, Homarr-owned traversal.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"childrenPath","source":"component","required":true,"typeRef":359},{"name":"data","source":"component","required":true,"typeRef":370},{"name":"defaultExpandedDepth","source":"component","required":false,"typeRef":353},{"name":"gap","source":"component","required":false,"typeRef":183},{"name":"indent","source":"component","required":false,"typeRef":183},{"name":"keyPath","source":"component","required":true,"typeRef":359},{"name":"maxDepth","source":"component","required":false,"typeRef":353},{"name":"maxNodes","source":"component","required":false,"typeRef":353},{"name":"showLines","source":"component","required":false,"typeRef":336}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"RefreshButton","package":"@homarr/widgets","category":"network","safety":"wrapped","description":"Refreshes load-triggered widget queries.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"color","source":"component","required":false,"typeRef":359},{"name":"label","source":"component","required":false,"typeRef":359},{"name":"size","source":"component","required":false,"typeRef":359},{"name":"variant","source":"component","required":false,"typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Action labels must describe their effect; destructive actions require confirmation."]},{"name":"RemoveScroll","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/remove-scroll/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Changes global page scrolling"},{"name":"RingProgress","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/ring-progress/","props":[{"name":"attributes","required":false,"source":"component","typeRef":433},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"label","required":false,"source":"component","description":"Label displayed in the center of the ring","typeRef":263},{"name":"rootColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the unfilled portion of the ring (background). Defaults to gray-2 in light mode, dark-4 in dark mode","typeRef":162},{"name":"roundCaps","required":false,"source":"component","literalValues":[false,true],"description":"Applies rounded line caps to the start and end of visible sections","typeRef":341},{"name":"sectionGap","required":false,"source":"component","description":"Gap between sections in degrees. Reduces the visual size of each section","typeRef":353},{"name":"sections","required":true,"source":"component","description":"Array of sections to display in the ring. Each section should have a `value` (0-100), `color`, and optional `tooltip`. Sections can also receive any valid SVG circle element props.","typeRef":271},{"name":"size","required":false,"source":"component","description":"Width and height of the progress ring","typeRef":353},{"name":"startAngle","required":false,"source":"component","description":"Starting angle in degrees. 0 = right, 90 = bottom, 180 = left, 270 = top","typeRef":353},{"name":"thickness","required":false,"source":"component","description":"Ring thickness in pixels. Cannot exceed size / 4 and will be automatically clamped if necessary","typeRef":353},{"name":"transitionDuration","required":false,"source":"component","description":"Transition duration in milliseconds for section value and color changes","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"RollingNumber","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/rolling-number/","props":[{"name":"animationDuration","required":false,"source":"component","description":"Animation duration in milliseconds","typeRef":353},{"name":"attributes","required":false,"source":"component","typeRef":458},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"decimalScale","required":false,"source":"component","description":"Number of decimal places to display","typeRef":353},{"name":"decimalSeparator","required":false,"source":"component","description":"Character used as a decimal separator","typeRef":359},{"name":"fixedDecimalScale","required":false,"source":"component","literalValues":[false,true],"description":"If set, trailing zeros are added to match `decimalScale`","typeRef":341},{"name":"suffix","required":false,"source":"component","description":"Suffix added after the value","typeRef":359},{"name":"tabularNumbers","required":false,"source":"component","literalValues":[false,true],"description":"If set, use tabular (monospace) numbers","typeRef":341},{"name":"thousandSeparator","required":false,"source":"component","description":"Character used to separate thousands, set to `true` for `,`","typeRef":364},{"name":"timingFunction","required":false,"source":"component","description":"CSS timing function for animation","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":true,"source":"component","description":"Number value to display","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withLiveRegion","required":false,"source":"component","literalValues":[false,true],"description":"If set, the root element acts as an `aria-live=\"polite\"` region (`role=\"status\"`) and screen readers announce every value change. When `false`, the root uses `role=\"img\"` so the current value is still accessible but updates are not announced.","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"SankeyChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/sankey-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":470},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"colors","required":false,"source":"component","description":"An array of colors used for nodes when no `color` is set on individual nodes","typeRef":164},{"name":"data","required":true,"source":"component","description":"Data used to render chart, must include `nodes` and `links` arrays","typeRef":272},{"name":"height","required":false,"source":"component","description":"Controls chart height","typeRef":353},{"name":"iterations","required":false,"source":"component","description":"The number of relaxation iterations","typeRef":353},{"name":"linkColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Default color for links, by default depends on color scheme","typeRef":162},{"name":"linkCurvature","required":false,"source":"component","description":"The curvature of links between nodes","typeRef":353},{"name":"linkOpacity","required":false,"source":"component","description":"Opacity of the link fill","typeRef":353},{"name":"nodeColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Default color for nodes, by default depends on color scheme","typeRef":162},{"name":"nodePadding","required":false,"source":"component","description":"The padding between nodes","typeRef":353},{"name":"nodeWidth","required":false,"source":"component","description":"The width of each node","typeRef":353},{"name":"sankeyProps","required":false,"source":"component","description":"Props passed down to recharts `Sankey` component","typeRef":205},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls text color of labels","typeRef":162},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip animation duration in ms","typeRef":353},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to `Tooltip` recharts component","typeRef":197},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed when hovered","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"ScatterChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/scatter-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":435},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Data that is used to build the chart","typeRef":273},{"name":"dataKey","required":true,"source":"component","description":"Keys that should be used to retrieve data from the data array on x and y axis","typeRef":479},{"name":"gridAxis","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which lines should be displayed in the grid, `'x'` by default","typeRef":61},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the grid and cursor lines, by default depends on color scheme","typeRef":162},{"name":"gridProps","required":false,"source":"component","description":"Props passed down to the `CartesianGrid` component","typeRef":189},{"name":"labels","required":false,"source":"component","description":"Labels that should be used instead of keys names in the tooltip","typeRef":481},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to the `Legend` component","typeRef":190},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Chart orientation, `'horizontal'` by default","typeRef":36},{"name":"pointLabels","required":false,"source":"component","literalValues":["x","y"],"description":"If set, displays labels next to points for the given axis","typeRef":80},{"name":"referenceLines","required":false,"source":"component","description":"Reference lines that should be displayed on the chart","typeRef":149},{"name":"rightYAxisLabel","required":false,"source":"component","description":"A label to display next to the right y-axis","typeRef":359},{"name":"rightYAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component rendered on the right side","typeRef":199},{"name":"scatterChartProps","required":false,"source":"component","description":"Props passed down to recharts `ScatterChart` component","typeRef":91},{"name":"scatterProps","required":false,"source":"component","description":"Props passed down to recharts `Scatter` component","typeRef":207},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the text displayed inside the chart, `'dimmed'` by default","typeRef":162},{"name":"tickLine","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which axis should have tick line, `'y'` by default","typeRef":61},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip position animation duration in ms, `0` by default","typeRef":353},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip` component","typeRef":197},{"name":"unit","required":false,"source":"component","description":"Units displayed after value on axis and inside the tooltip","typeRef":481},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart legend should be displayed, `false` by default","typeRef":341},{"name":"withRightYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart tooltip should be displayed, `true` by default","typeRef":341},{"name":"withXAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether x-axis should be displayed, `true` by default","typeRef":341},{"name":"withYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether y-axis should be displayed, `true` by default","typeRef":341},{"name":"xAxisLabel","required":false,"source":"component","description":"A label to display below the x-axis","typeRef":359},{"name":"xAxisProps","required":false,"source":"component","description":"Props passed down to the `XAxis` recharts component","typeRef":198},{"name":"yAxisLabel","required":false,"source":"component","description":"A label to display next to the y-axis","typeRef":359},{"name":"yAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component","typeRef":199}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"ScrollArea","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/scroll-area/","props":[{"name":"attributes","required":false,"source":"component","typeRef":396},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"offsetScrollbars","required":false,"source":"component","literalValues":[false,"present",true,"x","y"],"description":"Determines whether scrollbars should be offset with padding on given axis - `true` - adds padding to offset both scrollbars (always) - `'x'` - adds padding to offset horizontal scrollbar (always) - `'y'` - adds padding to offset vertical scrollbar (always) - `'present'` - adds padding only when scrollbars are visible (dynamic)","typeRef":351},{"name":"overscrollBehavior","required":false,"source":"component","literalValues":["-moz-initial","auto","contain","inherit","initial","none","revert","revert-layer","unset"],"description":"Defines `overscroll-behavior` of the viewport","typeRef":253},{"name":"scrollHideDelay","required":false,"source":"component","description":"Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll`","typeRef":353},{"name":"scrollbarSize","required":false,"source":"component","description":"Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 12px (0.75rem)","typeRef":365},{"name":"scrollbars","required":false,"source":"component","literalValues":[false,"x","xy","y"],"description":"Axis at which scrollbars must be rendered - `'x'` - horizontal scrollbar only - `'y'` - vertical scrollbar only - `'xy'` - both scrollbars - `false` - no scrollbars rendered (content remains scrollable via mouse/touch)","typeRef":340},{"name":"startScrollPosition","required":false,"source":"component","description":"Initial scroll position set on mount","typeRef":480},{"name":"type","required":false,"source":"component","literalValues":["always","auto","hover","never","scroll"],"description":"Defines scrollbars behavior - `'hover'` – scrollbars visible on hover (default) - `'scroll'` – scrollbars visible during scrolling - `'auto'` – scrollbars visible only when content overflows (like CSS overflow: auto) - `'always'` – scrollbars always visible, even when content doesn't overflow - `'never'` – scrollbars always hidden","typeRef":12},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"viewportProps","required":false,"source":"component","description":"Props passed down to the viewport element","typeRef":259}],"blockedProps":[],"subcomponents":["ScrollArea.Autosize"],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"ScrollArea.Autosize","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/scroll-area/","props":[{"name":"attributes","required":false,"source":"component","typeRef":396},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"offsetScrollbars","required":false,"source":"component","literalValues":[false,"present",true,"x","y"],"description":"Determines whether scrollbars should be offset with padding on given axis - `true` - adds padding to offset both scrollbars (always) - `'x'` - adds padding to offset horizontal scrollbar (always) - `'y'` - adds padding to offset vertical scrollbar (always) - `'present'` - adds padding only when scrollbars are visible (dynamic)","typeRef":351},{"name":"overscrollBehavior","required":false,"source":"component","literalValues":["-moz-initial","auto","contain","inherit","initial","none","revert","revert-layer","unset"],"description":"Defines `overscroll-behavior` of the viewport","typeRef":253},{"name":"scrollHideDelay","required":false,"source":"component","description":"Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll`","typeRef":353},{"name":"scrollbarSize","required":false,"source":"component","description":"Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 12px (0.75rem)","typeRef":365},{"name":"scrollbars","required":false,"source":"component","literalValues":[false,"x","xy","y"],"description":"Axis at which scrollbars must be rendered - `'x'` - horizontal scrollbar only - `'y'` - vertical scrollbar only - `'xy'` - both scrollbars - `false` - no scrollbars rendered (content remains scrollable via mouse/touch)","typeRef":340},{"name":"startScrollPosition","required":false,"source":"component","description":"Initial scroll position set on mount","typeRef":480},{"name":"type","required":false,"source":"component","literalValues":["always","auto","hover","never","scroll"],"description":"Defines scrollbars behavior - `'hover'` – scrollbars visible on hover (default) - `'scroll'` – scrollbars visible during scrolling - `'auto'` – scrollbars visible only when content overflows (like CSS overflow: auto) - `'always'` – scrollbars always visible, even when content doesn't overflow - `'never'` – scrollbars always hidden","typeRef":12},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"viewportProps","required":false,"source":"component","description":"Props passed down to the viewport element","typeRef":259}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"ScrollAreaAutosize","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/scroll-area-autosize/","props":[{"name":"attributes","required":false,"source":"component","typeRef":396},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"offsetScrollbars","required":false,"source":"component","literalValues":[false,"present",true,"x","y"],"description":"Determines whether scrollbars should be offset with padding on given axis - `true` - adds padding to offset both scrollbars (always) - `'x'` - adds padding to offset horizontal scrollbar (always) - `'y'` - adds padding to offset vertical scrollbar (always) - `'present'` - adds padding only when scrollbars are visible (dynamic)","typeRef":351},{"name":"overscrollBehavior","required":false,"source":"component","literalValues":["-moz-initial","auto","contain","inherit","initial","none","revert","revert-layer","unset"],"description":"Defines `overscroll-behavior` of the viewport","typeRef":253},{"name":"scrollHideDelay","required":false,"source":"component","description":"Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll`","typeRef":353},{"name":"scrollbarSize","required":false,"source":"component","description":"Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 12px (0.75rem)","typeRef":365},{"name":"scrollbars","required":false,"source":"component","literalValues":[false,"x","xy","y"],"description":"Axis at which scrollbars must be rendered - `'x'` - horizontal scrollbar only - `'y'` - vertical scrollbar only - `'xy'` - both scrollbars - `false` - no scrollbars rendered (content remains scrollable via mouse/touch)","typeRef":340},{"name":"startScrollPosition","required":false,"source":"component","description":"Initial scroll position set on mount","typeRef":480},{"name":"type","required":false,"source":"component","literalValues":["always","auto","hover","never","scroll"],"description":"Defines scrollbars behavior - `'hover'` – scrollbars visible on hover (default) - `'scroll'` – scrollbars visible during scrolling - `'auto'` – scrollbars visible only when content overflows (like CSS overflow: auto) - `'always'` – scrollbars always visible, even when content doesn't overflow - `'never'` – scrollbars always hidden","typeRef":12},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"viewportProps","required":false,"source":"component","description":"Props passed down to the viewport element","typeRef":259}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Scroller","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/scroller/","props":[{"name":"attributes","required":false,"source":"component","typeRef":393},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"controlSize","required":false,"source":"component","description":"Size of the control buttons,","typeRef":365},{"name":"draggable","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether content can be scrolled by dragging with mouse, `true` by default","typeRef":341},{"name":"edgeGradientColor","required":false,"source":"component","description":"Background color for the gradient fade on controls, `'var(--mantine-color-body)'` by default","typeRef":359},{"name":"endControlIcon","required":false,"source":"component","description":"Icon component for the end control, AccordionChevron by default","typeRef":263},{"name":"endControlProps","required":false,"source":"component","description":"Props passed to the end control button","typeRef":258},{"name":"scrollAmount","required":false,"source":"component","description":"Amount of pixels to scroll when clicking the control buttons, `200` by default","typeRef":353},{"name":"showEndControl","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether end control should always be visible regardless of scroll position, `false` by default","typeRef":341},{"name":"showStartControl","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether start control should always be visible regardless of scroll position, `false` by default","typeRef":341},{"name":"startControlIcon","required":false,"source":"component","description":"Icon component for the start control, AccordionChevron by default","typeRef":263},{"name":"startControlProps","required":false,"source":"component","description":"Props passed to the start control button","typeRef":258},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"SegmentedControl","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/segmented-control/","props":[{"name":"attributes","required":false,"source":"component","typeRef":407},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, automatically adjusts label text color for optimal contrast against the indicator background color","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, changes indicator background color. By default, uses white in light mode and dark.5 in dark mode","typeRef":162},{"name":"data","required":true,"source":"component","description":"Data based on which controls are rendered","typeRef":108},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":328},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the component should take 100% width of its parent","typeRef":341},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Component orientation","typeRef":36},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls `font-size`, `padding` and `height` properties","typeRef":182},{"name":"transitionDuration","required":false,"source":"component","description":"Indicator `transition-duration` in ms, set `0` to turn off transitions","typeRef":353},{"name":"transitionTimingFunction","required":false,"source":"component","description":"Indicator `transition-timing-function` property","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":328},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withItemsBorders","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether there should be borders between items","typeRef":341}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Select","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/select/","props":[{"name":"allowDeselect","required":false,"source":"component","literalValues":[false,true],"description":"Allows deselecting the selected option by clicking it","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":405},{"name":"autoSelectOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"Automatically selects the highlighted option when input loses focus","typeRef":341},{"name":"checkIconPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the check icon relative to the option label","typeRef":47},{"name":"chevronColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the default chevron, by default depends on the color scheme","typeRef":162},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":172},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"Displays clear button in the right section when component has value","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"comboboxProps","required":false,"source":"component","description":"Props passed down to `Combobox` component","typeRef":153},{"name":"data","required":false,"source":"component","description":"Data used to generate options. Values must be unique, otherwise an error will be thrown and component will not render.","typeRef":151},{"name":"defaultDropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled dropdown initial opened state","typeRef":341},{"name":"defaultSearchValue","required":false,"source":"component","description":"Default search value","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":329},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"dropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled dropdown opened state","typeRef":341},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"floatingHeight","required":false,"source":"component","literalValues":["viewport"],"description":"If set to `'viewport'`, the dropdown grows to fill the available vertical space in the viewport. Disables the `flip` middleware.","typeRef":78},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":195},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"limit","required":false,"source":"component","description":"Maximum number of options displayed at a time, `Infinity` by default","typeRef":353},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"maxDropdownHeight","required":false,"source":"component","description":"`max-height` of the dropdown, only applicable when `withScrollArea` prop is `true`, `250` by default","typeRef":365},{"name":"nothingFoundMessage","required":false,"source":"component","description":"Message displayed when no options match the search query or when there is no data","typeRef":263},{"name":"openOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Opens dropdown when input receives focus (requires searchable={true})","typeRef":341},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed down to the underlying `ScrollArea` component in the dropdown","typeRef":274},{"name":"searchValue","required":false,"source":"component","description":"Controlled search value","typeRef":359},{"name":"searchable","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the select should be searchable","typeRef":341},{"name":"selectFirstOptionOnChange","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when value changes, `false` by default","typeRef":341},{"name":"selectFirstOptionOnDropdownOpen","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when dropdown opens, `false` by default","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":329},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAlignedLabels","required":false,"source":"component","literalValues":[false,true],"description":"Aligns unchecked labels with the checked one","typeRef":341},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withCheckIcon","required":false,"source":"component","literalValues":[false,true],"description":"Displays check icon near the selected option label","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withScrollArea","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the options should be wrapped with `ScrollArea.AutoSize`, `true` by default","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"SemiCircleProgress","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/semi-circle-progress/","props":[{"name":"attributes","required":false,"source":"component","typeRef":434},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"emptySegmentColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color value","typeRef":162},{"name":"fillDirection","required":false,"source":"component","literalValues":["left-to-right","right-to-left"],"description":"Direction from which the circle is filled","typeRef":66},{"name":"filledSegmentColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color value","typeRef":162},{"name":"label","required":false,"source":"component","description":"Label rendered inside the circle","typeRef":263},{"name":"labelPosition","required":false,"source":"component","literalValues":["bottom","center"],"description":"Label position relative to the circle center","typeRef":21},{"name":"orientation","required":false,"source":"component","literalValues":["down","up"],"description":"Orientation of the circle","typeRef":76},{"name":"size","required":false,"source":"component","description":"Width of the component and diameter of the full circle in px. The visible SVG height will be size/2","typeRef":353},{"name":"thickness","required":false,"source":"component","description":"Stroke width of the circle segments in px","typeRef":353},{"name":"transitionDuration","required":false,"source":"component","description":"Transition duration for the filled segment progress changes in ms. Does not affect color transitions","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":true,"source":"component","description":"Progress value from `0` to `100`","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"SimpleGrid","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/simple-grid/","props":[{"name":"attributes","required":false,"source":"component","typeRef":455},{"name":"autoFlow","required":false,"source":"component","literalValues":["auto-fill","auto-fit"],"description":"Grid repeat type when minColWidth is set","typeRef":13},{"name":"autoRows","required":false,"source":"component","description":"Sets the size of implicitly created grid rows","typeRef":359},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"cols","required":false,"source":"component","description":"Number of columns","typeRef":312},{"name":"minColWidth","required":false,"source":"component","description":"Minimum column width when using auto-fit/auto-fill. When set, cols prop is ignored","typeRef":365},{"name":"spacing","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Spacing between columns","typeRef":284},{"name":"type","required":false,"source":"component","literalValues":["container","media"],"description":"Determines type of queries that are used for responsive styles","typeRef":51},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"verticalSpacing","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Spacing between rows. When not set, falls back to spacing value","typeRef":284}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Skeleton","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/skeleton/","props":[{"name":"animate","required":false,"source":"component","literalValues":[false,true],"description":"Enables animation","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"circle","required":false,"source":"component","literalValues":[false,true],"description":"If set, Skeleton `width` and `border-radius` are equal to its `height`","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"height","required":false,"source":"component","description":"Skeleton `height`, numbers are converted to rem","typeRef":247},{"name":"radius","required":false,"source":"component","description":"Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem.","typeRef":246},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"visible","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether Skeleton overlay should be displayed","typeRef":341},{"name":"width","required":false,"source":"component","description":"Skeleton `width`, numbers are converted to rem, ignored when `circle` prop is set.","typeRef":254}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"Slider","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/slider/","props":[{"name":"attributes","required":false,"source":"component","typeRef":424},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, controls color of track and thumb","typeRef":162},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":353},{"name":"domain","required":false,"source":"component","description":"Domain of the slider, defines the selectable value range independently of min/max. Useful when you want to display a wider track range (min/max) but restrict actual selection to a subset (domain).","typeRef":334},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":261},{"name":"inverted","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether track value representation should be inverted","typeRef":341},{"name":"labelAlwaysOn","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the label should be visible when the slider is not being dragged or hovered","typeRef":341},{"name":"labelTransitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component","typeRef":208},{"name":"marks","required":false,"source":"component","description":"Marks displayed on the track","typeRef":276},{"name":"max","required":false,"source":"component","description":"Maximum possible value","typeRef":353},{"name":"min","required":false,"source":"component","description":"Minimal possible value","typeRef":353},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Slider orientation","typeRef":36},{"name":"precision","required":false,"source":"component","description":"Number of significant digits after the decimal point","typeRef":353},{"name":"restrictToMarks","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the selection should be only allowed from the given marks array","typeRef":341},{"name":"showLabelOnHover","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the label should be displayed when the slider is hovered","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the track","typeRef":355},{"name":"startPointValue","required":false,"source":"component","description":"Value at which the filled bar starts. When set, the bar extends from this point toward the current value. Ignored when `inverted` is set.","typeRef":353},{"name":"step","required":false,"source":"component","description":"Number by which value will be incremented/decremented with thumb drag and arrows","typeRef":353},{"name":"thumbChildren","required":false,"source":"component","description":"Content rendered inside thumb","typeRef":263},{"name":"thumbLabel","required":false,"source":"component","description":"Thumb `aria-label`","typeRef":359},{"name":"thumbProps","required":false,"source":"component","description":"Props passed down to thumb element","typeRef":259},{"name":"thumbSize","required":false,"source":"component","description":"Thumb `width` and `height`, by default value is computed based on `size` prop","typeRef":365},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"number","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Space","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/space/","props":[{"name":"attributes","required":false,"source":"component","typeRef":369},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":369},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Sparkline","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/sparkline/","props":[{"name":"areaProps","required":false,"source":"component","description":"Props passed down to the underlying recharts `Area` component","typeRef":188},{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"connectNulls","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether null values should be connected with other values","typeRef":341},{"name":"curveType","required":false,"source":"component","literalValues":["bump","linear","monotone","natural","step","stepAfter","stepBefore"],"description":"Type of the curve","typeRef":69},{"name":"data","required":true,"source":"component","description":"Data used to render the chart","typeRef":109},{"name":"fillOpacity","required":false,"source":"component","description":"Controls fill opacity of the area","typeRef":353},{"name":"strokeWidth","required":false,"source":"component","description":"Area stroke width","typeRef":353},{"name":"trendColors","required":false,"source":"component","description":"If set, `color` prop is ignored and chart color is determined by the difference between first and last value.","typeRef":277},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withGradient","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the chart fill should be a gradient","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Splitter","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/splitter/","props":[{"name":"attributes","required":false,"source":"component","typeRef":468},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"handleColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color for the separator line","typeRef":162},{"name":"handleIcon","required":false,"source":"component","description":"Custom icon displayed in the handle thumb, by default uses grip icon based on orientation","typeRef":263},{"name":"lineSize","required":false,"source":"component","description":"CSS value for separator line thickness between panes","typeRef":365},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Layout direction","typeRef":36},{"name":"resetOnDoubleClick","required":false,"source":"component","literalValues":[false,true],"description":"Restore the two panes adjacent to a handle to their default ratio (preserving their combined size) when the handle is double-clicked","typeRef":341},{"name":"shiftStep","required":false,"source":"component","description":"Shift+arrow step size, a `number`/`%` is a percentage, `px`/`rem` is resolved to pixels","typeRef":280},{"name":"sizes","required":false,"source":"component","description":"Controlled sizes, each value keeps the unit it was declared in (number/`%` flexible, `px`/`rem` fixed)","typeRef":279},{"name":"step","required":false,"source":"component","description":"Keyboard step size, a `number`/`%` is a percentage, `px`/`rem` is resolved to pixels","typeRef":280},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withHandle","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the thumb with grip icon is displayed on the handle","typeRef":341}],"blockedProps":[],"subcomponents":["Splitter.Pane"],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Splitter.Pane","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/splitter/","props":[{"name":"collapseThreshold","required":false,"source":"component","description":"Size below which the pane snaps to collapsed, defaults to `min`","typeRef":278},{"name":"collapsible","required":false,"source":"component","literalValues":[false,true],"description":"Whether this pane can be collapsed","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultSize","required":true,"source":"component","description":"Initial size, a `number`/`%` is a flexible size (shares leftover space), `px`/`rem` is a fixed size. A bare number is treated as a percentage.","typeRef":278},{"name":"max","required":false,"source":"component","description":"Maximum size in the same units as `defaultSize`, no limit by default","typeRef":278},{"name":"min","required":false,"source":"component","description":"Minimum size in the same units as `defaultSize`","typeRef":278},{"name":"styles","required":false,"source":"component","typeRef":222},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"SplitterPane","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/splitter-pane/","props":[{"name":"collapseThreshold","required":false,"source":"component","description":"Size below which the pane snaps to collapsed, defaults to `min`","typeRef":278},{"name":"collapsible","required":false,"source":"component","literalValues":[false,true],"description":"Whether this pane can be collapsed","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultSize","required":true,"source":"component","description":"Initial size, a `number`/`%` is a flexible size (shares leftover space), `px`/`rem` is a fixed size. A bare number is treated as a percentage.","typeRef":278},{"name":"max","required":false,"source":"component","description":"Maximum size in the same units as `defaultSize`, no limit by default","typeRef":278},{"name":"min","required":false,"source":"component","description":"Minimum size in the same units as `defaultSize`","typeRef":278},{"name":"styles","required":false,"source":"component","typeRef":222},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Spoiler","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/spoiler/","props":[{"name":"attributes","required":false,"source":"component","typeRef":394},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultExpanded","required":false,"source":"component","literalValues":[false,true],"description":"Initial expanded state in uncontrolled mode. If `true`, content starts expanded. If `false`, content starts collapsed","typeRef":341},{"name":"expanded","required":false,"source":"component","literalValues":[false,true],"description":"Controlled expanded state value","typeRef":341},{"name":"hideAriaLabel","required":false,"source":"component","description":"Accessible label for the toggle button when expanded. If not set, `hideLabel` is used","typeRef":359},{"name":"hideLabel","required":false,"source":"component","description":"Content displayed in the toggle button when content is expanded (to collapse)","typeRef":263},{"name":"maxHeight","required":false,"source":"component","description":"Maximum height of visible content in px. When content exceeds this height, the toggle control appears","typeRef":353},{"name":"showAriaLabel","required":false,"source":"component","description":"Accessible label for the toggle button when collapsed. If not set, `showLabel` is used","typeRef":359},{"name":"showLabel","required":false,"source":"component","description":"Content displayed in the toggle button when content is collapsed (to expand)","typeRef":263},{"name":"transitionDuration","required":false,"source":"component","description":"Spoiler reveal transition duration in ms. Set to 0 to disable animation","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Stack","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/stack/","props":[{"name":"align","required":false,"source":"component","literalValues":["-moz-initial","anchor-center","baseline","center","end","flex-end","flex-start","inherit","initial","normal","revert","revert-layer","self-end","self-start","start","stretch","unset"],"description":"Controls `align-items` CSS property","typeRef":244},{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value to set `gap` property, numbers are converted to rem","typeRef":183},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"Controls `justify-content` CSS property","typeRef":248},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"StatBar","package":"@homarr/widgets","category":"interaction","safety":"allowed","description":"Displays a compact labeled statistic and progress value.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"color","source":"component","required":false,"typeRef":359},{"name":"label","source":"component","required":false,"typeRef":359},{"name":"max","source":"component","required":false,"typeRef":353},{"name":"value","source":"component","required":true,"typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Stepper","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/stepper/","props":[{"name":"active","required":true,"source":"component","description":"Index of the active step","typeRef":353},{"name":"allowNextStepsSelect","required":false,"source":"component","literalValues":[false,true],"description":"When true, users can click and jump to any step. When false, users can only navigate to completed steps","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":397},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"When true, automatically adjusts the icon color in completed steps to ensure sufficient contrast against the step background color","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, controls colors of active and progress steps","typeRef":162},{"name":"contentPadding","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value to set `padding-top` of the content","typeRef":183},{"name":"iconPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Icon position relative to the step body","typeRef":47},{"name":"iconSize","required":false,"source":"component","description":"Controls size of the step icon, by default icon size is inferred from `size` prop","typeRef":365},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, all step content is kept mounted. React 19 `Activity` is used to preserve state while content is hidden.","typeRef":341},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Stepper orientation","typeRef":36},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of various Stepper elements","typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"wrap","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether steps should wrap to the next line if no space is available","typeRef":341}],"blockedProps":[],"subcomponents":["Stepper.Completed","Stepper.Step"],"bind":{"type":"number","initialProp":"defaultValue"},"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Stepper.Completed","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/stepper/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Stepper.Step","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/stepper/","props":[{"name":"allowStepClick","required":false,"source":"component","literalValues":[false,true],"description":"Set to false to disable clicks on step","typeRef":341},{"name":"allowStepSelect","required":false,"source":"component","literalValues":[false,true],"description":"Should step selection be allowed","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors`, by default controlled by Stepper component","typeRef":162},{"name":"iconPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Icon position relative to step body, controlled by Stepper component","typeRef":47},{"name":"iconSize","required":false,"source":"component","description":"Icon wrapper size","typeRef":365},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Indicates loading state of the step","typeRef":341},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Component orientation","typeRef":36},{"name":"state","required":false,"source":"component","literalValues":["stepCompleted","stepInactive","stepProgress"],"description":"Step state, automatically set by Stepper component based on active prop. stepInactive: not reached, stepProgress: current, stepCompleted: passed","typeRef":70},{"name":"step","required":false,"source":"component","description":"0-based step index, automatically set by Stepper component","typeRef":353},{"name":"styles","required":false,"source":"component","typeRef":235},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withIcon","required":false,"source":"component","literalValues":[false,true],"description":"When false, hides the step icon. Useful for creating compact steppers with only labels","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"StepperCompleted","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/stepper-completed/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"StepperStep","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/stepper-step/","props":[{"name":"allowStepClick","required":false,"source":"component","literalValues":[false,true],"description":"Set to false to disable clicks on step","typeRef":341},{"name":"allowStepSelect","required":false,"source":"component","literalValues":[false,true],"description":"Should step selection be allowed","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors`, by default controlled by Stepper component","typeRef":162},{"name":"iconPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Icon position relative to step body, controlled by Stepper component","typeRef":47},{"name":"iconSize","required":false,"source":"component","description":"Icon wrapper size","typeRef":365},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Indicates loading state of the step","typeRef":341},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Component orientation","typeRef":36},{"name":"state","required":false,"source":"component","literalValues":["stepCompleted","stepInactive","stepProgress"],"description":"Step state, automatically set by Stepper component based on active prop. stepInactive: not reached, stepProgress: current, stepCompleted: passed","typeRef":70},{"name":"step","required":false,"source":"component","description":"0-based step index, automatically set by Stepper component","typeRef":353},{"name":"styles","required":false,"source":"component","typeRef":235},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withIcon","required":false,"source":"component","literalValues":[false,true],"description":"When false, hides the step icon. Useful for creating compact steppers with only labels","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"SubData","package":"@homarr/widgets","category":"network","safety":"wrapped","description":"Reads a nested value from a named manual-query result.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"as","source":"component","required":false,"literalValues":["Text","Title","Badge","Code","Image"],"typeRef":84},{"name":"c","source":"component","required":false,"typeRef":359},{"name":"color","source":"component","required":false,"typeRef":359},{"name":"fit","source":"component","required":false,"typeRef":359},{"name":"fw","source":"component","required":false,"typeRef":353},{"name":"h","source":"component","required":false,"typeRef":365},{"name":"order","source":"component","required":false,"literalValues":[1,2,3,4,5,6],"typeRef":135},{"name":"radius","source":"component","required":false,"typeRef":365},{"name":"size","source":"component","required":false,"typeRef":359},{"name":"variant","source":"component","required":false,"typeRef":359},{"name":"w","source":"component","required":false,"typeRef":365}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Action labels must describe their effect; destructive actions require confirmation."]},{"name":"SubFetch","package":"@homarr/widgets","category":"network","safety":"wrapped","description":"Runs a named manual query with invocation-time parameters.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"as","source":"component","required":false,"literalValues":["json","text"],"typeRef":86},{"name":"errorMessage","source":"component","required":false,"typeRef":359},{"name":"fallback","source":"component","required":false,"typeRef":264},{"name":"loadingLabel","source":"component","required":false,"typeRef":359},{"name":"params","source":"component","required":false,"typeRef":270},{"name":"refreshInterval","source":"component","required":false,"typeRef":353},{"name":"requestId","source":"component","required":false,"description":"Identifier of the named Custom Widget query.","typeRef":359},{"name":"trigger","source":"component","required":false,"literalValues":["auto","manual"],"typeRef":85}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Action labels must describe their effect; destructive actions require confirmation."]},{"name":"Switch","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/switch/","props":[{"name":"attributes","required":false,"source":"component","typeRef":375},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to set input color in checked state","typeRef":162},{"name":"description","required":false,"source":"component","description":"Description displayed below the label","typeRef":263},{"name":"error","required":false,"source":"component","description":"Error displayed below the label","typeRef":263},{"name":"label","required":false,"source":"component","description":"Content of the label associated with the switch","typeRef":263},{"name":"labelPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the label relative to the input","typeRef":47},{"name":"offLabel","required":false,"source":"component","description":"Inner label when the `Switch` is in unchecked state","typeRef":263},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of all elements","typeRef":182},{"name":"thumbIcon","required":false,"source":"component","description":"Icon inside the thumb of the switch","typeRef":263},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withThumbIndicator","required":false,"source":"component","literalValues":[false,true],"description":"If set, displays a colored dot inside the thumb that matches the track background color","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":103}],"blockedProps":[],"subcomponents":["Switch.Group"],"bind":{"type":"boolean","initialProp":"defaultChecked"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Switch.Group","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/switch/","props":[{"name":"attributes","required":false,"source":"component","typeRef":426},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":330},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input for uncontrolled forms","typeRef":104},{"name":"hiddenInputValuesSeparator","required":false,"source":"component","description":"Separator for values in the hidden input for uncontrolled forms","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelElement","required":false,"source":"component","literalValues":["div","label"],"description":"Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually.","typeRef":31},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"maxSelectedValues","required":false,"source":"component","description":"Maximum number of switches that can be selected. When the limit is reached, unselected switches will be disabled","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the `Input.Wrapper`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":330},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the `Input.Wrapper`","typeRef":103}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"SwitchGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/switch-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":426},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":330},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input for uncontrolled forms","typeRef":104},{"name":"hiddenInputValuesSeparator","required":false,"source":"component","description":"Separator for values in the hidden input for uncontrolled forms","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelElement","required":false,"source":"component","literalValues":["div","label"],"description":"Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually.","typeRef":31},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"maxSelectedValues","required":false,"source":"component","description":"Maximum number of switches that can be selected. When the limit is reached, unselected switches will be disabled","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the `Input.Wrapper`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":330},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the `Input.Wrapper`","typeRef":103}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TabPanel","package":"@homarr/widgets","category":"interaction","safety":"allowed","description":"Renders content for one declarative tab.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"label","source":"component","required":false,"typeRef":359},{"name":"value","source":"component","required":true,"typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Table","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"align","required":false,"source":"component","literalValues":["center","left","right"],"typeRef":22},{"name":"attributes","required":false,"source":"component","typeRef":389},{"name":"borderColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of table borders, key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"captionSide","required":false,"source":"component","literalValues":["bottom","top"],"description":"Side of the `Table.Caption`","typeRef":16},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":false,"source":"component","description":"Data used to generate table, ignored if `children` prop is set","typeRef":315},{"name":"highlightOnHover","required":false,"source":"component","literalValues":[false,true],"description":"If set, table rows background changes to `highlightOnHoverColor` when hovered","typeRef":341},{"name":"highlightOnHoverColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Background color of table rows when hovered, key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"horizontalSpacing","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Horizontal cells spacing, key of `theme.spacing` or any valid CSS value for padding, numbers are converted to rem","typeRef":183},{"name":"layout","required":false,"source":"component","literalValues":["-moz-initial","auto","fixed","inherit","initial","revert","revert-layer","unset"],"description":"Value of `table-layout` style","typeRef":1},{"name":"stickyHeader","required":false,"source":"component","literalValues":[false,true],"description":"If set, `Table.Thead` is sticky","typeRef":341},{"name":"stickyHeaderOffset","required":false,"source":"component","description":"Offset from top at which `Table.Thead` should become sticky","typeRef":365},{"name":"striped","required":false,"source":"component","literalValues":["even",false,"odd",true],"description":"If set, every odd/even row background changes to `stripedColor`, if set to `true`, then `odd` value will be used","typeRef":345},{"name":"stripedColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Background color of striped rows, key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"tabularNums","required":false,"source":"component","literalValues":[false,true],"description":"If set, `font-variant-numeric: tabular-nums` style is applied","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129},{"name":"verticalSpacing","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Vertical cells spacing, key of `theme.spacing` or any valid CSS value for padding, numbers are converted to rem","typeRef":183},{"name":"withColumnBorders","required":false,"source":"component","literalValues":[false,true],"description":"If set, the table has borders between columns","typeRef":341},{"name":"withRowBorders","required":false,"source":"component","literalValues":[false,true],"description":"If set, the table has borders between rows","typeRef":341},{"name":"withTableBorder","required":false,"source":"component","literalValues":[false,true],"description":"If set, the table has the outer border","typeRef":341}],"blockedProps":[],"subcomponents":["Table.Caption","Table.DataRenderer","Table.ScrollContainer","Table.Tbody","Table.Td","Table.Tfoot","Table.Th","Table.Thead","Table.Tr"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Caption","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.DataRenderer","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"data","required":true,"source":"component","typeRef":315}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.ScrollContainer","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"attributes","required":false,"source":"component","typeRef":472},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"maxHeight","required":false,"source":"component","description":"`max-height` of the `Table` at which it should become scrollable","typeRef":250},{"name":"minWidth","required":false,"source":"component","description":"`min-width` of the `Table` at which it should become scrollable","typeRef":251},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed down to `ScrollArea` component, not applicable with `type=\"native\"`","typeRef":274},{"name":"type","required":false,"source":"component","literalValues":["native","scrollarea"],"description":"Type of the scroll container, `native` to use native scrollbars, `scrollarea` to use `ScrollArea` component","typeRef":53},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Tbody","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Td","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"align","required":false,"source":"component","literalValues":["center","char","justify","left","right"],"typeRef":23},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Tfoot","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Th","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"align","required":false,"source":"component","literalValues":["center","char","justify","left","right"],"typeRef":23},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Thead","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Tr","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableCaption","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-caption/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableOfContents","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/table-of-contents/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Observes headings and scrolling outside the widget root"},{"name":"TableScrollContainer","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-scroll-container/","props":[{"name":"attributes","required":false,"source":"component","typeRef":472},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"maxHeight","required":false,"source":"component","description":"`max-height` of the `Table` at which it should become scrollable","typeRef":250},{"name":"minWidth","required":false,"source":"component","description":"`min-width` of the `Table` at which it should become scrollable","typeRef":251},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed down to `ScrollArea` component, not applicable with `type=\"native\"`","typeRef":274},{"name":"type","required":false,"source":"component","literalValues":["native","scrollarea"],"description":"Type of the scroll container, `native` to use native scrollbars, `scrollarea` to use `ScrollArea` component","typeRef":53},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableTbody","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-tbody/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableTd","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-td/","props":[{"name":"align","required":false,"source":"component","literalValues":["center","char","justify","left","right"],"typeRef":23},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableTfoot","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-tfoot/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableTh","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-th/","props":[{"name":"align","required":false,"source":"component","literalValues":["center","char","justify","left","right"],"typeRef":23},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableThead","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-thead/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableTr","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-tr/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TablerIcon","package":"@homarr/widgets","category":"content","safety":"wrapped","description":"Resolves an installed Tabler icon by its safe name.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"color","source":"component","required":false,"typeRef":359},{"name":"name","source":"component","required":true,"typeRef":359},{"name":"size","source":"component","required":false,"typeRef":365},{"name":"stroke","source":"component","required":false,"typeRef":365}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Tabs","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs/","props":[{"name":"activateTabWithKeyboard","required":false,"source":"component","literalValues":[false,true],"description":"If set, tab is activated with arrow key press","typeRef":341},{"name":"allowTabDeactivation","required":false,"source":"component","literalValues":[false,true],"description":"If set, tab can be deactivated","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":466},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `pills` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Changes colors of `Tabs.Tab` components when variant is `pills` or `default`, does nothing for other variants","typeRef":162},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":352},{"name":"inverted","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether tabs should have inverted styles","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set to `false`, `Tabs.Panel` content will be unmounted when the associated tab is not active","typeRef":341},{"name":"keepMountedMode","required":false,"source":"component","literalValues":["activity","display-none"],"description":"Controls how inactive tabs content is hidden when `keepMounted` is `true`, `'activity'` – hidden with `Activity` component, `'display-none'` – hidden with `display: none` styles","typeRef":7},{"name":"loop","required":false,"source":"component","literalValues":[false,true],"description":"If set, arrow key presses loop though items (first to last and last to first)","typeRef":341},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Tabs orientation","typeRef":36},{"name":"placement","required":false,"source":"component","literalValues":["left","right"],"description":"`Tabs.List` placement relative to `Tabs.Panel`, applicable only when `orientation=\"vertical\"`","typeRef":47},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":352},{"name":"variant","required":false,"source":"component","literalValues":["default","outline","pills"],"typeRef":130}],"blockedProps":[],"subcomponents":["Tabs.List","Tabs.Panel","Tabs.Tab"],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Tabs.List","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"grow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether tabs should take all available space","typeRef":341},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"Tabs alignment","typeRef":248},{"name":"styles","required":false,"source":"component","typeRef":221},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Tabs.Panel","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the content is kept mounted, even if `keepMounted` is set `false` in the parent `Tabs` component","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":223},{"name":"value","required":true,"source":"component","description":"Value of associated control","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Tabs.Tab","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, controls tab color based on `variant`","typeRef":162},{"name":"leftSection","required":false,"source":"component","description":"Content displayed on the left side of the label","typeRef":263},{"name":"rightSection","required":false,"source":"component","description":"Content displayed on the right side of the label","typeRef":263},{"name":"size","required":false,"source":"component","description":"Size passed from parent component, sets `data-size` if value is not number like","typeRef":365},{"name":"styles","required":false,"source":"component","typeRef":236},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":true,"source":"component","description":"Value of associated panel","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TabsContainer","package":"@homarr/widgets","category":"interaction","safety":"allowed","description":"Renders a declarative tab container.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"defaultTab","source":"component","required":false,"typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"TabsList","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs-list/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"grow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether tabs should take all available space","typeRef":341},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"Tabs alignment","typeRef":248},{"name":"styles","required":false,"source":"component","typeRef":221},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TabsPanel","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs-panel/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the content is kept mounted, even if `keepMounted` is set `false` in the parent `Tabs` component","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":223},{"name":"value","required":true,"source":"component","description":"Value of associated control","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TabsTab","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs-tab/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, controls tab color based on `variant`","typeRef":162},{"name":"leftSection","required":false,"source":"component","description":"Content displayed on the left side of the label","typeRef":263},{"name":"rightSection","required":false,"source":"component","description":"Content displayed on the right side of the label","typeRef":263},{"name":"size","required":false,"source":"component","description":"Size passed from parent component, sets `data-size` if value is not number like","typeRef":365},{"name":"styles","required":false,"source":"component","typeRef":236},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":true,"source":"component","description":"Value of associated panel","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TagsInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tags-input/","props":[{"name":"acceptValueOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"If set, the value typed in by the user but not submitted is accepted when the input is blurred","typeRef":341},{"name":"allowDuplicates","required":false,"source":"component","literalValues":[false,true],"description":"If set, duplicate tags are allowed","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":406},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":172},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, the clear button is displayed in the right section when the component has value","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"comboboxProps","required":false,"source":"component","description":"Props passed down to `Combobox` component","typeRef":153},{"name":"data","required":false,"source":"component","description":"Data displayed in the dropdown. Values must be unique.","typeRef":152},{"name":"defaultDropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled dropdown initial opened state","typeRef":341},{"name":"defaultSearchValue","required":false,"source":"component","description":"Default search value","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":368},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"dropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled dropdown opened state","typeRef":341},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"floatingHeight","required":false,"source":"component","literalValues":["viewport"],"description":"If set to `'viewport'`, the dropdown grows to fill the available vertical space in the viewport. Disables the `flip` middleware.","typeRef":78},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":195},{"name":"hiddenInputValuesDivider","required":false,"source":"component","description":"Divider used to separate values in the hidden input `value` attribute","typeRef":359},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"limit","required":false,"source":"component","description":"Maximum number of options displayed at a time, `Infinity` by default","typeRef":353},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"maxDropdownHeight","required":false,"source":"component","description":"`max-height` of the dropdown, only applicable when `withScrollArea` prop is `true`, `250` by default","typeRef":365},{"name":"maxTags","required":false,"source":"component","description":"Maximum number of tags","typeRef":353},{"name":"openOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown opens when the input receives focus","typeRef":341},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed down to the underlying `ScrollArea` component in the dropdown","typeRef":274},{"name":"searchValue","required":false,"source":"component","description":"Controlled search value","typeRef":359},{"name":"selectFirstOptionOnChange","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when value changes, `false` by default","typeRef":341},{"name":"selectFirstOptionOnDropdownOpen","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when dropdown opens, `false` by default","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"splitChars","required":false,"source":"component","description":"Characters that should trigger tags split, `[',']` by default","typeRef":368},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":368},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withPillsReorder","required":false,"source":"component","literalValues":[false,true],"description":"If set, tags can be reordered by dragging pills. Disabled when `disabled` or `readOnly` is set.","typeRef":341},{"name":"withScrollArea","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the options should be wrapped with `ScrollArea.AutoSize`, `true` by default","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Text","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/text/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration, ignored when `variant` is not `gradient`","typeRef":179},{"name":"inherit","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether font properties should be inherited from the parent","typeRef":341},{"name":"inline","required":false,"source":"component","literalValues":[false,true],"description":"Sets `line-height` to 1 for centering","typeRef":341},{"name":"lineClamp","required":false,"source":"component","description":"Number of lines after which Text will be truncated","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls `font-size` and `line-height`","typeRef":82},{"name":"span","required":false,"source":"component","literalValues":[false,true],"description":"Shorthand for `component=\"span\"`","typeRef":341},{"name":"textWrap","required":false,"source":"component","literalValues":["balance","nowrap","pretty","stable","wrap"],"description":"Controls `text-wrap` CSS property","typeRef":79},{"name":"truncate","required":false,"source":"component","literalValues":["end",false,"start",true],"description":"Side on which Text must be truncated, if `true`, text is truncated from the start","typeRef":344},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["gradient","text"],"typeRef":131}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TextInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/text-input/","props":[{"name":"attributes","required":false,"source":"component","typeRef":416},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Textarea","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/textarea/","props":[{"name":"attributes","required":false,"source":"component","typeRef":416},{"name":"autoComplete","required":false,"source":"component","typeRef":359},{"name":"autosize","required":false,"source":"component","literalValues":[false,true],"description":"If set, enables textarea height growing with its content","typeRef":341},{"name":"bottomSection","required":false,"source":"component","description":"Content rendered at the bottom of the input, inside the border","typeRef":263},{"name":"bottomSectionProps","required":false,"source":"component","description":"Props passed down to the `bottomSection` element","typeRef":259},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"maxRows","required":false,"source":"component","description":"Maximum rows for autosize textarea to grow, ignored if `autosize` prop is not set","typeRef":353},{"name":"minRows","required":false,"source":"component","description":"Minimum rows of autosize textarea, ignored if `autosize` prop is not set","typeRef":353},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"resize","required":false,"source":"component","literalValues":["-moz-initial","block","both","horizontal","inherit","initial","inline","none","revert","revert-layer","unset","vertical"],"description":"Controls `resize` CSS property","typeRef":3},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ThemeIcon","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/theme-icon/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color.","typeRef":162},{"name":"gradient","required":false,"source":"component","description":"Gradient data used when `variant=\"gradient\"`","typeRef":179},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls width and height of the button. Numbers are converted to rem.","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","gradient","light","outline","transparent","white"],"typeRef":132}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TimeGrid","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/time-grid/","props":[{"name":"allowDeselect","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the value can be deselected when the current active option is clicked or activated with keyboard","typeRef":341},{"name":"amPmLabels","required":false,"source":"component","description":"Labels used for am/pm values","typeRef":316},{"name":"attributes","required":false,"source":"component","typeRef":457},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Time data in 24h format to be displayed in the grid, for example `['10:00', '18:30', '22:00']`. Time values must be unique.","typeRef":368},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":352},{"name":"format","required":false,"source":"component","literalValues":["12h","24h"],"description":"Time format displayed in the grid","typeRef":6},{"name":"maxTime","required":false,"source":"component","description":"All controls after this time are disabled","typeRef":359},{"name":"minTime","required":false,"source":"component","description":"All controls before this time are disabled","typeRef":359},{"name":"simpleGridProps","required":false,"source":"component","description":"Props passed down to the underlying `SimpleGrid` component","typeRef":275},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Control `font-size` of controls, key of `theme.fontSizes` or any valid CSS value","typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":352},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withSeconds","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the seconds part should be displayed","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"TimeInput","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/time-input/","props":[{"name":"attributes","required":false,"source":"component","typeRef":416},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"maxTime","required":false,"source":"component","description":"Maximum possible string time, if `withSeconds` is true, time should be in format HH:mm:ss, otherwise HH:mm","typeRef":359},{"name":"minTime","required":false,"source":"component","description":"Minimum possible string time, if `withSeconds` is true, time should be in format HH:mm:ss, otherwise HH:mm","typeRef":359},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSeconds","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether seconds input should be displayed","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"TimePicker","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/time-picker/","props":[{"name":"amPmInputLabel","required":false,"source":"component","description":"`aria-label` of am/pm input","typeRef":359},{"name":"amPmLabels","required":false,"source":"component","description":"Labels used for am/pm values","typeRef":316},{"name":"amPmSelectProps","required":false,"source":"component","description":"Props passed down to am/pm select","typeRef":105},{"name":"attributes","required":false,"source":"component","typeRef":410},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to clear button","typeRef":92},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the clear button should be displayed","typeRef":341},{"name":"closeDropdownOnPresetSelect","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is closed when a value is selected from the presets list","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":359},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"format","required":false,"source":"component","literalValues":["12h","24h"],"description":"Time format, `'24h'` by default","typeRef":6},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":104},{"name":"hoursInputLabel","required":false,"source":"component","description":"`aria-label` of hours input","typeRef":359},{"name":"hoursInputProps","required":false,"source":"component","description":"Props passed down to hours input","typeRef":104},{"name":"hoursPlaceholder","required":false,"source":"component","description":"Hours input placeholder,","typeRef":359},{"name":"hoursStep","required":false,"source":"component","description":"Number by which hours are incremented/decremented","typeRef":353},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"max","required":false,"source":"component","description":"Max possible time value in `hh:mm:ss` format","typeRef":359},{"name":"maxDropdownContentHeight","required":false,"source":"component","description":"Maximum height of the content displayed in the dropdown in px","typeRef":353},{"name":"min","required":false,"source":"component","description":"Min possible time value in `hh:mm:ss` format","typeRef":359},{"name":"minHoursDigits","required":false,"source":"component","description":"Minimum number of digits displayed in the hours input, applicable only when `type=\"duration\"` is set","typeRef":353},{"name":"minutesInputLabel","required":false,"source":"component","description":"`aria-label` of minutes input","typeRef":359},{"name":"minutesInputProps","required":false,"source":"component","description":"Props passed down to minutes input","typeRef":104},{"name":"minutesPlaceholder","required":false,"source":"component","description":"Minutes input placeholder,","typeRef":359},{"name":"minutesStep","required":false,"source":"component","description":"Number by which minutes are incremented/decremented","typeRef":353},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to `Popover` component","typeRef":242},{"name":"presets","required":false,"source":"component","description":"Time presets to display in the dropdown","typeRef":317},{"name":"reverseTimeControlsList","required":false,"source":"component","literalValues":[false,true],"description":"If set, the time controls list are reversed,","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed down to all underlying `ScrollArea` components","typeRef":274},{"name":"secondsInputLabel","required":false,"source":"component","description":"`aria-label` of seconds input","typeRef":359},{"name":"secondsInputProps","required":false,"source":"component","description":"Props passed down to seconds input","typeRef":104},{"name":"secondsPlaceholder","required":false,"source":"component","description":"Seconds input placeholder,","typeRef":359},{"name":"secondsStep","required":false,"source":"component","description":"Number by which seconds are incremented/decremented","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["duration","time"],"description":"TimePicker type, `'time'` for regular time input, `'duration'` for duration input that allows values greater than 24 hours","typeRef":75},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withDropdown","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the dropdown with time controls list should be visible when the input has focus","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSeconds","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the seconds input should be displayed","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"TimeValue","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/time-value/","props":[{"name":"amPmLabels","required":false,"source":"component","description":"AM/PM labels","typeRef":316},{"name":"format","required":false,"source":"component","literalValues":["12h","24h"],"description":"Time format","typeRef":6},{"name":"value","required":true,"source":"component","description":"Time to format","typeRef":362},{"name":"withSeconds","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether seconds should be displayed","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"Timeline","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/timeline/","props":[{"name":"active","required":false,"source":"component","description":"Index of the active element","typeRef":353},{"name":"align","required":false,"source":"component","literalValues":["left","right"],"description":"Position of content relative to the bullet","typeRef":47},{"name":"attributes","required":false,"source":"component","typeRef":463},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"bulletSize","required":false,"source":"component","description":"Size of the bullet","typeRef":365},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to control active item colors","typeRef":162},{"name":"lineWidth","required":false,"source":"component","description":"Control width of the line","typeRef":365},{"name":"reverseActive","required":false,"source":"component","literalValues":[false,true],"description":"If set, the active items direction is reversed without reversing items order","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":["Timeline.Item"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Timeline.Item","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/timeline/","props":[{"name":"bullet","required":false,"source":"component","description":"React node that should be rendered inside the bullet – icon, image, avatar, etc. By default, large white dot is displayed.","typeRef":263},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to control active item colors","typeRef":162},{"name":"lineVariant","required":false,"source":"component","literalValues":["dashed","dotted","solid"],"description":"Controls line border style","typeRef":26},{"name":"styles","required":false,"source":"component","typeRef":237},{"name":"title","required":false,"source":"component","description":"Item title, displayed next to the bullet","typeRef":263},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TimelineItem","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/timeline-item/","props":[{"name":"bullet","required":false,"source":"component","description":"React node that should be rendered inside the bullet – icon, image, avatar, etc. By default, large white dot is displayed.","typeRef":263},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to control active item colors","typeRef":162},{"name":"lineVariant","required":false,"source":"component","literalValues":["dashed","dotted","solid"],"description":"Controls line border style","typeRef":26},{"name":"styles","required":false,"source":"component","typeRef":237},{"name":"title","required":false,"source":"component","description":"Item title, displayed next to the bullet","typeRef":263},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Title","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/title/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"lineClamp","required":false,"source":"component","description":"Number of lines after which heading will be truncated","typeRef":353},{"name":"order","required":false,"source":"component","literalValues":[1,2,3,4,5,6],"description":"Heading order (1-6), controls `font-size` style if `size` prop is not set","typeRef":137},{"name":"size","required":false,"source":"component","description":"Changes title size, if not set, then size is controlled by `order` prop","typeRef":318},{"name":"textWrap","required":false,"source":"component","literalValues":["balance","nowrap","pretty","stable","wrap"],"description":"Heading `text-wrap` CSS property","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"ToggleSwitch","package":"@homarr/widgets","category":"network","safety":"wrapped","description":"Runs named actions for the enabled and disabled states.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"color","source":"component","required":false,"typeRef":359},{"name":"disabled","source":"component","required":false,"typeRef":338},{"name":"disabledParams","source":"component","required":false,"typeRef":270},{"name":"enabledParams","source":"component","required":false,"typeRef":270},{"name":"errorMessage","source":"component","required":false,"typeRef":359},{"name":"initialValue","source":"component","required":false,"typeRef":338},{"name":"label","source":"component","required":false,"typeRef":359},{"name":"requestId","source":"component","required":false,"description":"Identifier of the named Custom Widget action.","typeRef":359},{"name":"size","source":"component","required":false,"typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Action labels must describe their effect; destructive actions require confirmation."]},{"name":"Tooltip","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tooltip/","props":[{"name":"arrowOffset","required":false,"source":"component","description":"Arrow offset in px","typeRef":353},{"name":"arrowPosition","required":false,"source":"component","literalValues":["center","merge","side"],"description":"Arrow position relative to the tooltip","typeRef":24},{"name":"arrowRadius","required":false,"source":"component","description":"Arrow `border-radius` in px","typeRef":353},{"name":"arrowSize","required":false,"source":"component","description":"Arrow size in px","typeRef":353},{"name":"attributes","required":false,"source":"component","typeRef":475},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms","typeRef":353},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, controls tooltip background, by default set based on current color scheme","typeRef":162},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled tooltip initial opened state","typeRef":341},{"name":"events","required":false,"source":"component","description":"Determines which events will be used to show tooltip","typeRef":402},{"name":"floatingStrategy","required":false,"source":"component","literalValues":["absolute","fixed"],"description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","typeRef":34},{"name":"inline","required":false,"source":"component","literalValues":[false,true],"description":"Must be set if the tooltip target is an inline element","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the tooltip is not unmounted from the DOM when hidden, `display: none` styles are applied instead","typeRef":341},{"name":"label","required":false,"source":"component","description":"Tooltip content","typeRef":263},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling, `{ flip: true, shift: true, inline: false }` by default","typeRef":319},{"name":"multiline","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether content should be wrapped on to the next line, `false` by default","typeRef":341},{"name":"offset","required":false,"source":"component","description":"Space between target element and tooltip in px","typeRef":354},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms","typeRef":353},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled opened state","typeRef":341},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Tooltip position relative to target element (`Tooltip` component) or mouse (`Tooltip.Floating` component)","typeRef":48},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component that used to animate tooltip presence, use to configure duration and animation type","typeRef":208},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withArrow","required":false,"source":"component","literalValues":[false,true],"description":"If set, the tooltip has an arrow","typeRef":341}],"blockedProps":[{"name":"target","reason":"String targets can select elements outside the widget root"}],"subcomponents":["Tooltip.Floating","Tooltip.Group"],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Tooltip.Floating","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tooltip/","props":[{"name":"attributes","required":false,"source":"component","typeRef":475},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, controls tooltip background, by default set based on current color scheme","typeRef":162},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled tooltip initial opened state","typeRef":341},{"name":"label","required":false,"source":"component","description":"Tooltip content","typeRef":263},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling, `{ flip: true, shift: true, inline: false }` by default","typeRef":319},{"name":"multiline","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether content should be wrapped on to the next line, `false` by default","typeRef":341},{"name":"offset","required":false,"source":"component","description":"Offset from mouse in px","typeRef":353},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Tooltip position relative to target element (`Tooltip` component) or mouse (`Tooltip.Floating` component)","typeRef":48},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Tooltip.Group","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tooltip/","props":[{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms","typeRef":353},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms","typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TooltipFloating","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tooltip-floating/","props":[{"name":"attributes","required":false,"source":"component","typeRef":475},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, controls tooltip background, by default set based on current color scheme","typeRef":162},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled tooltip initial opened state","typeRef":341},{"name":"label","required":false,"source":"component","description":"Tooltip content","typeRef":263},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling, `{ flip: true, shift: true, inline: false }` by default","typeRef":319},{"name":"multiline","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether content should be wrapped on to the next line, `false` by default","typeRef":341},{"name":"offset","required":false,"source":"component","description":"Offset from mouse in px","typeRef":353},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Tooltip position relative to target element (`Tooltip` component) or mouse (`Tooltip.Floating` component)","typeRef":48},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TooltipGroup","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tooltip-group/","props":[{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms","typeRef":353},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms","typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Transition","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/transition/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Requires an authored render callback"},{"name":"Tree","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tree/","props":[{"name":"allowRangeSelection","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree nodes range can be selected with click when `Shift` key is pressed","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":427},{"name":"checkOnSpace","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node is checked on space key press","typeRef":341},{"name":"clearSelectionOnOutsideClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, selection is cleared when user clicks outside of the tree","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Data used to render nodes","typeRef":321},{"name":"expandOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node with children is expanded on click","typeRef":341},{"name":"expandOnSpace","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node with children is expanded on space key press","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, subtree content is kept mounted when collapsed. React 19 `Activity` is used to preserve state.","typeRef":341},{"name":"levelOffset","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Horizontal padding of each subtree level, key of `theme.spacing` or any valid CSS value","typeRef":183},{"name":"selectOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node is selected on click","typeRef":341},{"name":"tree","required":false,"source":"component","description":"Use-tree hook instance that can be used to manipulate component state","typeRef":327},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withDragHandle","required":false,"source":"component","literalValues":[false,true],"description":"If set, drag-and-drop must be initiated from an element that spreads `dragHandleProps` from the `renderNode` payload, rather than anywhere on the node.","typeRef":341},{"name":"withLines","required":false,"source":"component","literalValues":[false,true],"description":"If set, connecting lines are rendered showing parent-child relationships","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TreeSelect","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tree-select/","props":[{"name":"allowDeselect","required":false,"source":"component","literalValues":[false,true],"description":"Allows deselecting in single mode","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":406},{"name":"checkStrictly","required":false,"source":"component","literalValues":[false,true],"description":"Disables parent-child cascade in checkbox mode","typeRef":341},{"name":"checkedStrategy","required":false,"source":"component","literalValues":["all","child","parent"],"description":"Controls which checked nodes appear in value/pills in checkbox mode","typeRef":8},{"name":"chevronAriaLabels","required":false,"source":"component","description":"aria-label values for the expand/collapse chevron button","typeRef":322},{"name":"chevronColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls the default chevron color","typeRef":162},{"name":"clearButtonProps","required":false,"source":"component","description":"Props for the clear button","typeRef":172},{"name":"clearSearchOnChange","required":false,"source":"component","literalValues":[false,true],"description":"Clear search on selection change","typeRef":341},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"Shows clear button","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"comboboxProps","required":false,"source":"component","description":"Props passed to the underlying Combobox","typeRef":266},{"name":"data","required":true,"source":"component","description":"Tree data","typeRef":321},{"name":"defaultDropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Default dropdown state","typeRef":341},{"name":"defaultExpandAll","required":false,"source":"component","literalValues":[false,true],"description":"Expand all nodes by default","typeRef":341},{"name":"defaultExpandedValues","required":false,"source":"component","description":"Default expanded node values","typeRef":368},{"name":"defaultSearchValue","required":false,"source":"component","description":"Default search value","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Default value","typeRef":323},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"dropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled dropdown state","typeRef":341},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"expandOnClick","required":false,"source":"component","literalValues":[false,true],"description":"Also toggle expand when clicking a parent node (not just the chevron). In `single` and `multiple` modes, parent clicks only expand; only leaves can be selected. In `checkbox` mode, parent clicks both check and expand.","typeRef":341},{"name":"expandedValues","required":false,"source":"component","description":"Controlled expanded state","typeRef":368},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props for the hidden input","typeRef":195},{"name":"hiddenInputValuesDivider","required":false,"source":"component","description":"Divider for hidden input values","typeRef":359},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"maxDisplayedValues","required":false,"source":"component","description":"Maximum displayed pills before \"+N more\"","typeRef":353},{"name":"maxDropdownHeight","required":false,"source":"component","description":"Max dropdown height","typeRef":365},{"name":"maxValues","required":false,"source":"component","description":"Maximum selectable values (multiple/checkbox mode)","typeRef":353},{"name":"mode","required":false,"source":"component","description":"Selection mode: 'single', 'multiple', or 'checkbox' (with cascade)","typeRef":184},{"name":"nothingFoundMessage","required":false,"source":"component","description":"Message when no nodes match search","typeRef":263},{"name":"openOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Opens dropdown on focus (searchable mode)","typeRef":341},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props for the ScrollArea in the dropdown","typeRef":274},{"name":"searchValue","required":false,"source":"component","description":"Controlled search value","typeRef":359},{"name":"searchable","required":false,"source":"component","literalValues":[false,true],"description":"Enables search filtering","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled value","typeRef":323},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withLines","required":false,"source":"component","literalValues":[false,true],"description":"Show tree connection lines between parent and child nodes","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TreeSelectOption","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tree-select-option/","props":[{"name":"checked","required":true,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"chevronAriaLabels","required":false,"source":"component","typeRef":322},{"name":"expanded","required":true,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"hasChildren","required":true,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"indeterminate","required":true,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"isLastChild","required":true,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"level","required":true,"source":"component","typeRef":353},{"name":"lineGuides","required":true,"source":"component","typeRef":339},{"name":"node","required":true,"source":"component","typeRef":320},{"name":"selected","required":true,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"showCheckbox","required":true,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"withLines","required":true,"source":"component","literalValues":[false,true],"typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Treemap","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/treemap/","props":[{"name":"aspectRatio","required":false,"source":"component","description":"The treemap will try to keep every single rectangle's aspect ratio near the aspectRatio given","typeRef":353},{"name":"attributes","required":false,"source":"component","typeRef":470},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether text color should be adjusted based on background color to improve contrast","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Data used to render chart","typeRef":324},{"name":"dataKey","required":false,"source":"component","description":"Key in data object for the value","typeRef":359},{"name":"height","required":false,"source":"component","description":"Controls chart height","typeRef":353},{"name":"strokeColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the node stroke, by default depends on color scheme","typeRef":162},{"name":"strokeWidth","required":false,"source":"component","description":"Controls width of node stroke","typeRef":353},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls text color of labels","typeRef":162},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip animation duration in ms","typeRef":353},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to `Tooltip` recharts component","typeRef":197},{"name":"treemapProps","required":false,"source":"component","description":"Props passed down to recharts `Treemap` component","typeRef":206},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed when a node is hovered","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"TypeBadge","package":"@homarr/widgets","category":"interaction","safety":"allowed","description":"Displays a compact semantic type badge.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"size","source":"component","required":false,"literalValues":["xs","sm","md","lg","xl"],"typeRef":87},{"name":"type","source":"component","required":true,"typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Typography","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/typography/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"UnstyledButton","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/unstyled-button/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"size","required":false,"source":"component","description":"Size passed from parent component, sets `data-size` if value is not number like","typeRef":365},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"VisuallyHidden","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/visually-hidden/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"WeekdaysRow","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/weekdays-row/","props":[{"name":"attributes","required":false,"source":"component","typeRef":478},{"name":"cellComponent","required":false,"source":"component","literalValues":["td","th"],"description":"Sets cell type that is used for weekdays","typeRef":72},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, 0 – Sunday, 6 – Saturday","typeRef":134},{"name":"locale","required":false,"source":"component","description":"dayjs locale","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size","typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"If set, heading for week numbers is displayed","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"YearLevel","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/year-level/","props":[{"name":"attributes","required":false,"source":"component","typeRef":383},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":341},{"name":"hasNextLevel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next level button should be enabled","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"levelControlAriaLabel","required":false,"source":"component","description":"`aria-label` for change level control","typeRef":359},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":341},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":341},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"styles","required":false,"source":"component","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withNext","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next control should be rendered","typeRef":341},{"name":"withPrevious","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether previous control should be rendered","typeRef":341},{"name":"year","required":true,"source":"component","description":"Displayed year value in `YYYY-MM-DD` format","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"YearLevelGroup","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/year-level-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":385},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":341},{"name":"hasNextLevel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next level button should be enabled","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":341},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":341},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"styles","required":false,"source":"component","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"year","required":true,"source":"component","description":"Displayed year","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"YearPicker","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/year-picker/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":106},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":107},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":387},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":159},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":332},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"type","required":false,"source":"component","literalValues":["default","multiple","range"],"description":"Picker type: range, multiple or default","typeRef":158},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value for controlled component","typeRef":159},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"YearPickerInput","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/year-picker-input/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":106},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":107},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":411},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":258},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set.","typeRef":341},{"name":"closeOnChange","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the dropdown is closed when date is selected, not applicable with `type=\"multiple\"`","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":159},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"labelSeparator","required":false,"source":"component","description":"Separator between range value","typeRef":359},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to `Popover` component","typeRef":204},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":332},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"sortDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dates values should be sorted before `onChange` call, only applicable with type=\"multiple\"","typeRef":341},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["default","multiple","range"],"description":"Picker type: range, multiple or default","typeRef":158},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value for controlled component","typeRef":159},{"name":"valueFormat","required":false,"source":"component","description":"`dayjs` format to display input value","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[{"name":"dropdownType","reason":"Modal picker mode escapes the widget overlay boundary"},{"name":"modalProps","reason":"Modal picker configuration escapes the widget overlay boundary"}],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"YearsList","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/years-list/","props":[{"name":"align","required":false,"source":"component","literalValues":["center","left","right"],"typeRef":22},{"name":"attributes","required":false,"source":"component","typeRef":482},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"decade","required":true,"source":"component","description":"Decade value to display","typeRef":359},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]}]} diff --git a/.agents/skills/homarr-custom-widget/references/components.md b/.agents/skills/homarr-custom-widget/references/components.md index 5e5251a53..53019283a 100644 --- a/.agents/skills/homarr-custom-widget/references/components.md +++ b/.agents/skills/homarr-custom-widget/references/components.md @@ -2,7 +2,7 @@ > Generated from `component-catalog-v1.json`. Catalog schema v1 · Custom Widget 2.0.0 · Mantine 9.4.1. Do not edit this file by hand. -This is the complete offline Custom JSX component contract for this Homarr release. When connected to Homarr, prefer the live catalog because the installed release may differ. The catalog is descriptive, not a prop allowlist: ordinary serializable props pass through unless the capability boundary explicitly blocks them. +This is the complete Custom JSX component boundary for this Homarr release. The machine-readable `component-catalog.json` contains exact generated component, prop, binding, and safety metadata; these Markdown pages provide the human-readable inventory and upstream Mantine indexes. Ordinary serializable props pass through unless the capability boundary explicitly blocks them. ## Package references @@ -14,7 +14,7 @@ This is the complete offline Custom JSX component contract for this Homarr relea ## Authoring boundary - Use the exact component names below. Compound names such as `Tabs.List`, `Card.Section`, and `Radio.Group` are distinct catalog entries. -- The effective prop API is the shared prop table plus the component-specific table in the package reference. A component-specific record overrides the shared record with the same name. +- Use the official Mantine LLM links for component props and examples. Homarr's live catalog is authoritative for availability, bindings, and blocked capabilities. - Use `bind="name"` only when a component record declares bind metadata. Read the temporary in-memory value from `inputs.name`; it is never persisted. - Ordinary authored callbacks remain blocked. Restricted collection callbacks, directly invoked zero-argument derived-value IIFEs, and `RecursiveList`'s child template may use the immutable local `const` grammar in [JSX runtime](runtime.md#immutable-local-bindings). - Use [`RecursiveList`](homarr-components.md#component-recursivelist) for custom arbitrary-depth trees. Do not author recursion or pass a renderer callback to Mantine Tree. @@ -24,15 +24,15 @@ This is the complete offline Custom JSX component contract for this Homarr relea ### Mantine Core -[`Accordion`](mantine-core.md#component-accordion), [`Accordion.Chevron`](mantine-core.md#component-accordion-2e-chevron), [`Accordion.Control`](mantine-core.md#component-accordion-2e-control), [`Accordion.Item`](mantine-core.md#component-accordion-2e-item), [`Accordion.Panel`](mantine-core.md#component-accordion-2e-panel), [`AccordionChevron`](mantine-core.md#component-accordionchevron), [`AccordionControl`](mantine-core.md#component-accordioncontrol), [`AccordionItem`](mantine-core.md#component-accordionitem), [`AccordionPanel`](mantine-core.md#component-accordionpanel), [`ActionIcon`](mantine-core.md#component-actionicon), [`ActionIcon.Group`](mantine-core.md#component-actionicon-2e-group), [`ActionIcon.GroupSection`](mantine-core.md#component-actionicon-2e-groupsection), [`ActionIconGroup`](mantine-core.md#component-actionicongroup), [`ActionIconGroupSection`](mantine-core.md#component-actionicongroupsection), [`Alert`](mantine-core.md#component-alert), [`AlphaSlider`](mantine-core.md#component-alphaslider), [`Anchor`](mantine-core.md#component-anchor), [`AngleSlider`](mantine-core.md#component-angleslider), [`AspectRatio`](mantine-core.md#component-aspectratio), [`Autocomplete`](mantine-core.md#component-autocomplete), [`Avatar`](mantine-core.md#component-avatar), [`Avatar.Group`](mantine-core.md#component-avatar-2e-group), [`AvatarGroup`](mantine-core.md#component-avatargroup), [`BackgroundImage`](mantine-core.md#component-backgroundimage), [`Badge`](mantine-core.md#component-badge), [`Blockquote`](mantine-core.md#component-blockquote), [`Box`](mantine-core.md#component-box), [`Breadcrumbs`](mantine-core.md#component-breadcrumbs), [`Burger`](mantine-core.md#component-burger), [`Button`](mantine-core.md#component-button), [`Button.Group`](mantine-core.md#component-button-2e-group), [`Button.GroupSection`](mantine-core.md#component-button-2e-groupsection), [`ButtonGroup`](mantine-core.md#component-buttongroup), [`ButtonGroupSection`](mantine-core.md#component-buttongroupsection), [`Card`](mantine-core.md#component-card), [`Card.Section`](mantine-core.md#component-card-2e-section), [`CardSection`](mantine-core.md#component-cardsection), [`Center`](mantine-core.md#component-center), [`CheckIcon`](mantine-core.md#component-checkicon), [`Checkbox`](mantine-core.md#component-checkbox), [`Checkbox.Card`](mantine-core.md#component-checkbox-2e-card), [`Checkbox.Group`](mantine-core.md#component-checkbox-2e-group), [`Checkbox.Indicator`](mantine-core.md#component-checkbox-2e-indicator), [`CheckboxCard`](mantine-core.md#component-checkboxcard), [`CheckboxGroup`](mantine-core.md#component-checkboxgroup), [`CheckboxIndicator`](mantine-core.md#component-checkboxindicator), [`Chip`](mantine-core.md#component-chip), [`Chip.Group`](mantine-core.md#component-chip-2e-group), [`ChipGroup`](mantine-core.md#component-chipgroup), [`CloseButton`](mantine-core.md#component-closebutton), [`CloseIcon`](mantine-core.md#component-closeicon), [`Code`](mantine-core.md#component-code), [`Collapse`](mantine-core.md#component-collapse), [`ColorInput`](mantine-core.md#component-colorinput), [`ColorPicker`](mantine-core.md#component-colorpicker), [`ColorSwatch`](mantine-core.md#component-colorswatch), [`Container`](mantine-core.md#component-container), [`CopyButton`](mantine-core.md#component-copybutton), [`DataList`](mantine-core.md#component-datalist), [`DataList.Item`](mantine-core.md#component-datalist-2e-item), [`DataList.ItemLabel`](mantine-core.md#component-datalist-2e-itemlabel), [`DataList.ItemValue`](mantine-core.md#component-datalist-2e-itemvalue), [`DataListItem`](mantine-core.md#component-datalistitem), [`DataListItemLabel`](mantine-core.md#component-datalistitemlabel), [`DataListItemValue`](mantine-core.md#component-datalistitemvalue), [`Divider`](mantine-core.md#component-divider), [`EmptyState`](mantine-core.md#component-emptystate), [`EmptyState.Actions`](mantine-core.md#component-emptystate-2e-actions), [`EmptyState.Description`](mantine-core.md#component-emptystate-2e-description), [`EmptyState.Indicator`](mantine-core.md#component-emptystate-2e-indicator), [`EmptyState.Title`](mantine-core.md#component-emptystate-2e-title), [`EmptyStateActions`](mantine-core.md#component-emptystateactions), [`EmptyStateDescription`](mantine-core.md#component-emptystatedescription), [`EmptyStateIndicator`](mantine-core.md#component-emptystateindicator), [`EmptyStateTitle`](mantine-core.md#component-emptystatetitle), [`Fieldset`](mantine-core.md#component-fieldset), [`FlatTreeNode`](mantine-core.md#component-flattreenode), [`Flex`](mantine-core.md#component-flex), [`FloatingArrow`](mantine-core.md#component-floatingarrow), [`FloatingIndicator`](mantine-core.md#component-floatingindicator), [`Grid`](mantine-core.md#component-grid), [`Grid.Col`](mantine-core.md#component-grid-2e-col), [`GridCol`](mantine-core.md#component-gridcol), [`Group`](mantine-core.md#component-group), [`Highlight`](mantine-core.md#component-highlight), [`HoverCard`](mantine-core.md#component-hovercard), [`HoverCard.Dropdown`](mantine-core.md#component-hovercard-2e-dropdown), [`HoverCard.Group`](mantine-core.md#component-hovercard-2e-group), [`HoverCard.Target`](mantine-core.md#component-hovercard-2e-target), [`HoverCardDropdown`](mantine-core.md#component-hovercarddropdown), [`HoverCardGroup`](mantine-core.md#component-hovercardgroup), [`HoverCardTarget`](mantine-core.md#component-hovercardtarget), [`HueSlider`](mantine-core.md#component-hueslider), [`Image`](mantine-core.md#component-image), [`Indicator`](mantine-core.md#component-indicator), [`JsonInput`](mantine-core.md#component-jsoninput), [`Kbd`](mantine-core.md#component-kbd), [`List`](mantine-core.md#component-list), [`List.Item`](mantine-core.md#component-list-2e-item), [`ListItem`](mantine-core.md#component-listitem), [`Loader`](mantine-core.md#component-loader), [`LoadingOverlay`](mantine-core.md#component-loadingoverlay), [`Mark`](mantine-core.md#component-mark), [`Marquee`](mantine-core.md#component-marquee), [`MaskInput`](mantine-core.md#component-maskinput), [`Menu`](mantine-core.md#component-menu), [`Menu.CheckboxGroup`](mantine-core.md#component-menu-2e-checkboxgroup), [`Menu.CheckboxItem`](mantine-core.md#component-menu-2e-checkboxitem), [`Menu.ContextMenu`](mantine-core.md#component-menu-2e-contextmenu), [`Menu.Divider`](mantine-core.md#component-menu-2e-divider), [`Menu.Dropdown`](mantine-core.md#component-menu-2e-dropdown), [`Menu.Item`](mantine-core.md#component-menu-2e-item), [`Menu.Label`](mantine-core.md#component-menu-2e-label), [`Menu.RadioGroup`](mantine-core.md#component-menu-2e-radiogroup), [`Menu.RadioItem`](mantine-core.md#component-menu-2e-radioitem), [`Menu.Search`](mantine-core.md#component-menu-2e-search), [`Menu.Sub`](mantine-core.md#component-menu-2e-sub), [`Menu.Target`](mantine-core.md#component-menu-2e-target), [`MenuCheckboxGroup`](mantine-core.md#component-menucheckboxgroup), [`MenuCheckboxItem`](mantine-core.md#component-menucheckboxitem), [`MenuContextMenu`](mantine-core.md#component-menucontextmenu), [`MenuDivider`](mantine-core.md#component-menudivider), [`MenuDropdown`](mantine-core.md#component-menudropdown), [`MenuItem`](mantine-core.md#component-menuitem), [`MenuLabel`](mantine-core.md#component-menulabel), [`MenuRadioGroup`](mantine-core.md#component-menuradiogroup), [`MenuRadioItem`](mantine-core.md#component-menuradioitem), [`MenuSearch`](mantine-core.md#component-menusearch), [`MenuSub`](mantine-core.md#component-menusub), [`MenuSub.Dropdown`](mantine-core.md#component-menusub-2e-dropdown), [`MenuSub.Item`](mantine-core.md#component-menusub-2e-item), [`MenuSub.Target`](mantine-core.md#component-menusub-2e-target), [`MenuSubDropdown`](mantine-core.md#component-menusubdropdown), [`MenuSubItem`](mantine-core.md#component-menusubitem), [`MenuSubTarget`](mantine-core.md#component-menusubtarget), [`MenuTarget`](mantine-core.md#component-menutarget), [`MultiSelect`](mantine-core.md#component-multiselect), [`NativeScrollArea`](mantine-core.md#component-nativescrollarea), [`NativeSelect`](mantine-core.md#component-nativeselect), [`NavLink`](mantine-core.md#component-navlink), [`Notification`](mantine-core.md#component-notification), [`NumberFormatter`](mantine-core.md#component-numberformatter), [`NumberInput`](mantine-core.md#component-numberinput), [`OverflowList`](mantine-core.md#component-overflowlist), [`Overlay`](mantine-core.md#component-overlay), [`Pagination`](mantine-core.md#component-pagination), [`Pagination.Control`](mantine-core.md#component-pagination-2e-control), [`Pagination.Dots`](mantine-core.md#component-pagination-2e-dots), [`Pagination.First`](mantine-core.md#component-pagination-2e-first), [`Pagination.Items`](mantine-core.md#component-pagination-2e-items), [`Pagination.Label`](mantine-core.md#component-pagination-2e-label), [`Pagination.Last`](mantine-core.md#component-pagination-2e-last), [`Pagination.Next`](mantine-core.md#component-pagination-2e-next), [`Pagination.Previous`](mantine-core.md#component-pagination-2e-previous), [`Pagination.Root`](mantine-core.md#component-pagination-2e-root), [`PaginationControl`](mantine-core.md#component-paginationcontrol), [`PaginationDots`](mantine-core.md#component-paginationdots), [`PaginationFirst`](mantine-core.md#component-paginationfirst), [`PaginationItems`](mantine-core.md#component-paginationitems), [`PaginationLabel`](mantine-core.md#component-paginationlabel), [`PaginationLast`](mantine-core.md#component-paginationlast), [`PaginationNext`](mantine-core.md#component-paginationnext), [`PaginationPrevious`](mantine-core.md#component-paginationprevious), [`PaginationRoot`](mantine-core.md#component-paginationroot), [`Paper`](mantine-core.md#component-paper), [`PasswordInput`](mantine-core.md#component-passwordinput), [`Pill`](mantine-core.md#component-pill), [`Pill.Group`](mantine-core.md#component-pill-2e-group), [`PillGroup`](mantine-core.md#component-pillgroup), [`PinInput`](mantine-core.md#component-pininput), [`Popover`](mantine-core.md#component-popover), [`Popover.ContextMenu`](mantine-core.md#component-popover-2e-contextmenu), [`Popover.Dropdown`](mantine-core.md#component-popover-2e-dropdown), [`Popover.Target`](mantine-core.md#component-popover-2e-target), [`PopoverContextMenu`](mantine-core.md#component-popovercontextmenu), [`PopoverDropdown`](mantine-core.md#component-popoverdropdown), [`PopoverTarget`](mantine-core.md#component-popovertarget), [`Progress`](mantine-core.md#component-progress), [`Progress.Label`](mantine-core.md#component-progress-2e-label), [`Progress.Root`](mantine-core.md#component-progress-2e-root), [`Progress.Section`](mantine-core.md#component-progress-2e-section), [`ProgressLabel`](mantine-core.md#component-progresslabel), [`ProgressRoot`](mantine-core.md#component-progressroot), [`ProgressSection`](mantine-core.md#component-progresssection), [`Radio`](mantine-core.md#component-radio), [`Radio.Card`](mantine-core.md#component-radio-2e-card), [`Radio.Group`](mantine-core.md#component-radio-2e-group), [`Radio.Indicator`](mantine-core.md#component-radio-2e-indicator), [`RadioCard`](mantine-core.md#component-radiocard), [`RadioGroup`](mantine-core.md#component-radiogroup), [`RadioIcon`](mantine-core.md#component-radioicon), [`RadioIndicator`](mantine-core.md#component-radioindicator), [`RangeSlider`](mantine-core.md#component-rangeslider), [`Rating`](mantine-core.md#component-rating), [`RingProgress`](mantine-core.md#component-ringprogress), [`RollingNumber`](mantine-core.md#component-rollingnumber), [`ScrollArea`](mantine-core.md#component-scrollarea), [`ScrollArea.Autosize`](mantine-core.md#component-scrollarea-2e-autosize), [`ScrollAreaAutosize`](mantine-core.md#component-scrollareaautosize), [`Scroller`](mantine-core.md#component-scroller), [`SegmentedControl`](mantine-core.md#component-segmentedcontrol), [`Select`](mantine-core.md#component-select), [`SemiCircleProgress`](mantine-core.md#component-semicircleprogress), [`SimpleGrid`](mantine-core.md#component-simplegrid), [`Skeleton`](mantine-core.md#component-skeleton), [`Slider`](mantine-core.md#component-slider), [`Space`](mantine-core.md#component-space), [`Splitter`](mantine-core.md#component-splitter), [`Splitter.Pane`](mantine-core.md#component-splitter-2e-pane), [`SplitterPane`](mantine-core.md#component-splitterpane), [`Spoiler`](mantine-core.md#component-spoiler), [`Stack`](mantine-core.md#component-stack), [`Stepper`](mantine-core.md#component-stepper), [`Stepper.Completed`](mantine-core.md#component-stepper-2e-completed), [`Stepper.Step`](mantine-core.md#component-stepper-2e-step), [`StepperCompleted`](mantine-core.md#component-steppercompleted), [`StepperStep`](mantine-core.md#component-stepperstep), [`Switch`](mantine-core.md#component-switch), [`Switch.Group`](mantine-core.md#component-switch-2e-group), [`SwitchGroup`](mantine-core.md#component-switchgroup), [`Table`](mantine-core.md#component-table), [`Table.Caption`](mantine-core.md#component-table-2e-caption), [`Table.DataRenderer`](mantine-core.md#component-table-2e-datarenderer), [`Table.ScrollContainer`](mantine-core.md#component-table-2e-scrollcontainer), [`Table.Tbody`](mantine-core.md#component-table-2e-tbody), [`Table.Td`](mantine-core.md#component-table-2e-td), [`Table.Tfoot`](mantine-core.md#component-table-2e-tfoot), [`Table.Th`](mantine-core.md#component-table-2e-th), [`Table.Thead`](mantine-core.md#component-table-2e-thead), [`Table.Tr`](mantine-core.md#component-table-2e-tr), [`TableCaption`](mantine-core.md#component-tablecaption), [`TableScrollContainer`](mantine-core.md#component-tablescrollcontainer), [`TableTbody`](mantine-core.md#component-tabletbody), [`TableTd`](mantine-core.md#component-tabletd), [`TableTfoot`](mantine-core.md#component-tabletfoot), [`TableTh`](mantine-core.md#component-tableth), [`TableThead`](mantine-core.md#component-tablethead), [`TableTr`](mantine-core.md#component-tabletr), [`Tabs`](mantine-core.md#component-tabs), [`Tabs.List`](mantine-core.md#component-tabs-2e-list), [`Tabs.Panel`](mantine-core.md#component-tabs-2e-panel), [`Tabs.Tab`](mantine-core.md#component-tabs-2e-tab), [`TabsList`](mantine-core.md#component-tabslist), [`TabsPanel`](mantine-core.md#component-tabspanel), [`TabsTab`](mantine-core.md#component-tabstab), [`TagsInput`](mantine-core.md#component-tagsinput), [`Text`](mantine-core.md#component-text), [`TextInput`](mantine-core.md#component-textinput), [`Textarea`](mantine-core.md#component-textarea), [`ThemeIcon`](mantine-core.md#component-themeicon), [`Timeline`](mantine-core.md#component-timeline), [`Timeline.Item`](mantine-core.md#component-timeline-2e-item), [`TimelineItem`](mantine-core.md#component-timelineitem), [`Title`](mantine-core.md#component-title), [`Tooltip`](mantine-core.md#component-tooltip), [`Tooltip.Floating`](mantine-core.md#component-tooltip-2e-floating), [`Tooltip.Group`](mantine-core.md#component-tooltip-2e-group), [`TooltipFloating`](mantine-core.md#component-tooltipfloating), [`TooltipGroup`](mantine-core.md#component-tooltipgroup), [`Tree`](mantine-core.md#component-tree), [`TreeSelect`](mantine-core.md#component-treeselect), [`TreeSelectOption`](mantine-core.md#component-treeselectoption), [`Typography`](mantine-core.md#component-typography), [`UnstyledButton`](mantine-core.md#component-unstyledbutton), [`VisuallyHidden`](mantine-core.md#component-visuallyhidden) +[`Accordion`](https://mantine.dev/core/accordion/), [`Accordion.Chevron`](https://mantine.dev/core/accordion/), [`Accordion.Control`](https://mantine.dev/core/accordion/), [`Accordion.Item`](https://mantine.dev/core/accordion/), [`Accordion.Panel`](https://mantine.dev/core/accordion/), [`AccordionChevron`](https://mantine.dev/core/accordion-chevron/), [`AccordionControl`](https://mantine.dev/core/accordion-control/), [`AccordionItem`](https://mantine.dev/core/accordion-item/), [`AccordionPanel`](https://mantine.dev/core/accordion-panel/), [`ActionIcon`](https://mantine.dev/core/action-icon/), [`ActionIcon.Group`](https://mantine.dev/core/action-icon/), [`ActionIcon.GroupSection`](https://mantine.dev/core/action-icon/), [`ActionIconGroup`](https://mantine.dev/core/action-icon-group/), [`ActionIconGroupSection`](https://mantine.dev/core/action-icon-group-section/), [`Alert`](https://mantine.dev/core/alert/), [`AlphaSlider`](https://mantine.dev/core/alpha-slider/), [`Anchor`](https://mantine.dev/core/anchor/), [`AngleSlider`](https://mantine.dev/core/angle-slider/), [`AspectRatio`](https://mantine.dev/core/aspect-ratio/), [`Autocomplete`](https://mantine.dev/core/autocomplete/), [`Avatar`](https://mantine.dev/core/avatar/), [`Avatar.Group`](https://mantine.dev/core/avatar/), [`AvatarGroup`](https://mantine.dev/core/avatar-group/), [`BackgroundImage`](https://mantine.dev/core/background-image/), [`Badge`](https://mantine.dev/core/badge/), [`Blockquote`](https://mantine.dev/core/blockquote/), [`Box`](https://mantine.dev/core/box/), [`Breadcrumbs`](https://mantine.dev/core/breadcrumbs/), [`Burger`](https://mantine.dev/core/burger/), [`Button`](https://mantine.dev/core/button/), [`Button.Group`](https://mantine.dev/core/button/), [`Button.GroupSection`](https://mantine.dev/core/button/), [`ButtonGroup`](https://mantine.dev/core/button-group/), [`ButtonGroupSection`](https://mantine.dev/core/button-group-section/), [`Card`](https://mantine.dev/core/card/), [`Card.Section`](https://mantine.dev/core/card/), [`CardSection`](https://mantine.dev/core/card-section/), [`Center`](https://mantine.dev/core/center/), [`CheckIcon`](https://mantine.dev/core/check-icon/), [`Checkbox`](https://mantine.dev/core/checkbox/), [`Checkbox.Card`](https://mantine.dev/core/checkbox/), [`Checkbox.Group`](https://mantine.dev/core/checkbox/), [`Checkbox.Indicator`](https://mantine.dev/core/checkbox/), [`CheckboxCard`](https://mantine.dev/core/checkbox-card/), [`CheckboxGroup`](https://mantine.dev/core/checkbox-group/), [`CheckboxIndicator`](https://mantine.dev/core/checkbox-indicator/), [`Chip`](https://mantine.dev/core/chip/), [`Chip.Group`](https://mantine.dev/core/chip/), [`ChipGroup`](https://mantine.dev/core/chip-group/), [`CloseButton`](https://mantine.dev/core/close-button/), [`CloseIcon`](https://mantine.dev/core/close-icon/), [`Code`](https://mantine.dev/core/code/), [`Collapse`](https://mantine.dev/core/collapse/), [`ColorInput`](https://mantine.dev/core/color-input/), [`ColorPicker`](https://mantine.dev/core/color-picker/), [`ColorSwatch`](https://mantine.dev/core/color-swatch/), [`Container`](https://mantine.dev/core/container/), [`CopyButton`](https://mantine.dev/core/copy-button/), [`DataList`](https://mantine.dev/core/data-list/), [`DataList.Item`](https://mantine.dev/core/data-list/), [`DataList.ItemLabel`](https://mantine.dev/core/data-list/), [`DataList.ItemValue`](https://mantine.dev/core/data-list/), [`DataListItem`](https://mantine.dev/core/data-list-item/), [`DataListItemLabel`](https://mantine.dev/core/data-list-item-label/), [`DataListItemValue`](https://mantine.dev/core/data-list-item-value/), [`Divider`](https://mantine.dev/core/divider/), [`EmptyState`](https://mantine.dev/core/empty-state/), [`EmptyState.Actions`](https://mantine.dev/core/empty-state/), [`EmptyState.Description`](https://mantine.dev/core/empty-state/), [`EmptyState.Indicator`](https://mantine.dev/core/empty-state/), [`EmptyState.Title`](https://mantine.dev/core/empty-state/), [`EmptyStateActions`](https://mantine.dev/core/empty-state-actions/), [`EmptyStateDescription`](https://mantine.dev/core/empty-state-description/), [`EmptyStateIndicator`](https://mantine.dev/core/empty-state-indicator/), [`EmptyStateTitle`](https://mantine.dev/core/empty-state-title/), [`Fieldset`](https://mantine.dev/core/fieldset/), [`FlatTreeNode`](https://mantine.dev/core/flat-tree-node/), [`Flex`](https://mantine.dev/core/flex/), [`FloatingArrow`](https://mantine.dev/core/floating-arrow/), [`FloatingIndicator`](https://mantine.dev/core/floating-indicator/), [`Grid`](https://mantine.dev/core/grid/), [`Grid.Col`](https://mantine.dev/core/grid/), [`GridCol`](https://mantine.dev/core/grid-col/), [`Group`](https://mantine.dev/core/group/), [`Highlight`](https://mantine.dev/core/highlight/), [`HoverCard`](https://mantine.dev/core/hover-card/), [`HoverCard.Dropdown`](https://mantine.dev/core/hover-card/), [`HoverCard.Group`](https://mantine.dev/core/hover-card/), [`HoverCard.Target`](https://mantine.dev/core/hover-card/), [`HoverCardDropdown`](https://mantine.dev/core/hover-card-dropdown/), [`HoverCardGroup`](https://mantine.dev/core/hover-card-group/), [`HoverCardTarget`](https://mantine.dev/core/hover-card-target/), [`HueSlider`](https://mantine.dev/core/hue-slider/), [`Image`](https://mantine.dev/core/image/), [`Indicator`](https://mantine.dev/core/indicator/), [`JsonInput`](https://mantine.dev/core/json-input/), [`Kbd`](https://mantine.dev/core/kbd/), [`List`](https://mantine.dev/core/list/), [`List.Item`](https://mantine.dev/core/list/), [`ListItem`](https://mantine.dev/core/list-item/), [`Loader`](https://mantine.dev/core/loader/), [`LoadingOverlay`](https://mantine.dev/core/loading-overlay/), [`Mark`](https://mantine.dev/core/mark/), [`Marquee`](https://mantine.dev/core/marquee/), [`MaskInput`](https://mantine.dev/core/mask-input/), [`Menu`](https://mantine.dev/core/menu/), [`Menu.CheckboxGroup`](https://mantine.dev/core/menu/), [`Menu.CheckboxItem`](https://mantine.dev/core/menu/), [`Menu.ContextMenu`](https://mantine.dev/core/menu/), [`Menu.Divider`](https://mantine.dev/core/menu/), [`Menu.Dropdown`](https://mantine.dev/core/menu/), [`Menu.Item`](https://mantine.dev/core/menu/), [`Menu.Label`](https://mantine.dev/core/menu/), [`Menu.RadioGroup`](https://mantine.dev/core/menu/), [`Menu.RadioItem`](https://mantine.dev/core/menu/), [`Menu.Search`](https://mantine.dev/core/menu/), [`Menu.Sub`](https://mantine.dev/core/menu/), [`Menu.Target`](https://mantine.dev/core/menu/), [`MenuCheckboxGroup`](https://mantine.dev/core/menu-checkbox-group/), [`MenuCheckboxItem`](https://mantine.dev/core/menu-checkbox-item/), [`MenuContextMenu`](https://mantine.dev/core/menu-context-menu/), [`MenuDivider`](https://mantine.dev/core/menu-divider/), [`MenuDropdown`](https://mantine.dev/core/menu-dropdown/), [`MenuItem`](https://mantine.dev/core/menu-item/), [`MenuLabel`](https://mantine.dev/core/menu-label/), [`MenuRadioGroup`](https://mantine.dev/core/menu-radio-group/), [`MenuRadioItem`](https://mantine.dev/core/menu-radio-item/), [`MenuSearch`](https://mantine.dev/core/menu-search/), [`MenuSub`](https://mantine.dev/core/menu-sub/), [`MenuSub.Dropdown`](https://mantine.dev/core/menu-sub/), [`MenuSub.Item`](https://mantine.dev/core/menu-sub/), [`MenuSub.Target`](https://mantine.dev/core/menu-sub/), [`MenuSubDropdown`](https://mantine.dev/core/menu-sub-dropdown/), [`MenuSubItem`](https://mantine.dev/core/menu-sub-item/), [`MenuSubTarget`](https://mantine.dev/core/menu-sub-target/), [`MenuTarget`](https://mantine.dev/core/menu-target/), [`MultiSelect`](https://mantine.dev/core/multi-select/), [`NativeScrollArea`](https://mantine.dev/core/native-scroll-area/), [`NativeSelect`](https://mantine.dev/core/native-select/), [`NavLink`](https://mantine.dev/core/nav-link/), [`Notification`](https://mantine.dev/core/notification/), [`NumberFormatter`](https://mantine.dev/core/number-formatter/), [`NumberInput`](https://mantine.dev/core/number-input/), [`OverflowList`](https://mantine.dev/core/overflow-list/), [`Overlay`](https://mantine.dev/core/overlay/), [`Pagination`](https://mantine.dev/core/pagination/), [`Pagination.Control`](https://mantine.dev/core/pagination/), [`Pagination.Dots`](https://mantine.dev/core/pagination/), [`Pagination.First`](https://mantine.dev/core/pagination/), [`Pagination.Items`](https://mantine.dev/core/pagination/), [`Pagination.Label`](https://mantine.dev/core/pagination/), [`Pagination.Last`](https://mantine.dev/core/pagination/), [`Pagination.Next`](https://mantine.dev/core/pagination/), [`Pagination.Previous`](https://mantine.dev/core/pagination/), [`Pagination.Root`](https://mantine.dev/core/pagination/), [`PaginationControl`](https://mantine.dev/core/pagination-control/), [`PaginationDots`](https://mantine.dev/core/pagination-dots/), [`PaginationFirst`](https://mantine.dev/core/pagination-first/), [`PaginationItems`](https://mantine.dev/core/pagination-items/), [`PaginationLabel`](https://mantine.dev/core/pagination-label/), [`PaginationLast`](https://mantine.dev/core/pagination-last/), [`PaginationNext`](https://mantine.dev/core/pagination-next/), [`PaginationPrevious`](https://mantine.dev/core/pagination-previous/), [`PaginationRoot`](https://mantine.dev/core/pagination-root/), [`Paper`](https://mantine.dev/core/paper/), [`PasswordInput`](https://mantine.dev/core/password-input/), [`Pill`](https://mantine.dev/core/pill/), [`Pill.Group`](https://mantine.dev/core/pill/), [`PillGroup`](https://mantine.dev/core/pill-group/), [`PinInput`](https://mantine.dev/core/pin-input/), [`Popover`](https://mantine.dev/core/popover/), [`Popover.ContextMenu`](https://mantine.dev/core/popover/), [`Popover.Dropdown`](https://mantine.dev/core/popover/), [`Popover.Target`](https://mantine.dev/core/popover/), [`PopoverContextMenu`](https://mantine.dev/core/popover-context-menu/), [`PopoverDropdown`](https://mantine.dev/core/popover-dropdown/), [`PopoverTarget`](https://mantine.dev/core/popover-target/), [`Progress`](https://mantine.dev/core/progress/), [`Progress.Label`](https://mantine.dev/core/progress/), [`Progress.Root`](https://mantine.dev/core/progress/), [`Progress.Section`](https://mantine.dev/core/progress/), [`ProgressLabel`](https://mantine.dev/core/progress-label/), [`ProgressRoot`](https://mantine.dev/core/progress-root/), [`ProgressSection`](https://mantine.dev/core/progress-section/), [`Radio`](https://mantine.dev/core/radio/), [`Radio.Card`](https://mantine.dev/core/radio/), [`Radio.Group`](https://mantine.dev/core/radio/), [`Radio.Indicator`](https://mantine.dev/core/radio/), [`RadioCard`](https://mantine.dev/core/radio-card/), [`RadioGroup`](https://mantine.dev/core/radio-group/), [`RadioIcon`](https://mantine.dev/core/radio-icon/), [`RadioIndicator`](https://mantine.dev/core/radio-indicator/), [`RangeSlider`](https://mantine.dev/core/range-slider/), [`Rating`](https://mantine.dev/core/rating/), [`RingProgress`](https://mantine.dev/core/ring-progress/), [`RollingNumber`](https://mantine.dev/core/rolling-number/), [`ScrollArea`](https://mantine.dev/core/scroll-area/), [`ScrollArea.Autosize`](https://mantine.dev/core/scroll-area/), [`ScrollAreaAutosize`](https://mantine.dev/core/scroll-area-autosize/), [`Scroller`](https://mantine.dev/core/scroller/), [`SegmentedControl`](https://mantine.dev/core/segmented-control/), [`Select`](https://mantine.dev/core/select/), [`SemiCircleProgress`](https://mantine.dev/core/semi-circle-progress/), [`SimpleGrid`](https://mantine.dev/core/simple-grid/), [`Skeleton`](https://mantine.dev/core/skeleton/), [`Slider`](https://mantine.dev/core/slider/), [`Space`](https://mantine.dev/core/space/), [`Splitter`](https://mantine.dev/core/splitter/), [`Splitter.Pane`](https://mantine.dev/core/splitter/), [`SplitterPane`](https://mantine.dev/core/splitter-pane/), [`Spoiler`](https://mantine.dev/core/spoiler/), [`Stack`](https://mantine.dev/core/stack/), [`Stepper`](https://mantine.dev/core/stepper/), [`Stepper.Completed`](https://mantine.dev/core/stepper/), [`Stepper.Step`](https://mantine.dev/core/stepper/), [`StepperCompleted`](https://mantine.dev/core/stepper-completed/), [`StepperStep`](https://mantine.dev/core/stepper-step/), [`Switch`](https://mantine.dev/core/switch/), [`Switch.Group`](https://mantine.dev/core/switch/), [`SwitchGroup`](https://mantine.dev/core/switch-group/), [`Table`](https://mantine.dev/core/table/), [`Table.Caption`](https://mantine.dev/core/table/), [`Table.DataRenderer`](https://mantine.dev/core/table/), [`Table.ScrollContainer`](https://mantine.dev/core/table/), [`Table.Tbody`](https://mantine.dev/core/table/), [`Table.Td`](https://mantine.dev/core/table/), [`Table.Tfoot`](https://mantine.dev/core/table/), [`Table.Th`](https://mantine.dev/core/table/), [`Table.Thead`](https://mantine.dev/core/table/), [`Table.Tr`](https://mantine.dev/core/table/), [`TableCaption`](https://mantine.dev/core/table-caption/), [`TableScrollContainer`](https://mantine.dev/core/table-scroll-container/), [`TableTbody`](https://mantine.dev/core/table-tbody/), [`TableTd`](https://mantine.dev/core/table-td/), [`TableTfoot`](https://mantine.dev/core/table-tfoot/), [`TableTh`](https://mantine.dev/core/table-th/), [`TableThead`](https://mantine.dev/core/table-thead/), [`TableTr`](https://mantine.dev/core/table-tr/), [`Tabs`](https://mantine.dev/core/tabs/), [`Tabs.List`](https://mantine.dev/core/tabs/), [`Tabs.Panel`](https://mantine.dev/core/tabs/), [`Tabs.Tab`](https://mantine.dev/core/tabs/), [`TabsList`](https://mantine.dev/core/tabs-list/), [`TabsPanel`](https://mantine.dev/core/tabs-panel/), [`TabsTab`](https://mantine.dev/core/tabs-tab/), [`TagsInput`](https://mantine.dev/core/tags-input/), [`Text`](https://mantine.dev/core/text/), [`TextInput`](https://mantine.dev/core/text-input/), [`Textarea`](https://mantine.dev/core/textarea/), [`ThemeIcon`](https://mantine.dev/core/theme-icon/), [`Timeline`](https://mantine.dev/core/timeline/), [`Timeline.Item`](https://mantine.dev/core/timeline/), [`TimelineItem`](https://mantine.dev/core/timeline-item/), [`Title`](https://mantine.dev/core/title/), [`Tooltip`](https://mantine.dev/core/tooltip/), [`Tooltip.Floating`](https://mantine.dev/core/tooltip/), [`Tooltip.Group`](https://mantine.dev/core/tooltip/), [`TooltipFloating`](https://mantine.dev/core/tooltip-floating/), [`TooltipGroup`](https://mantine.dev/core/tooltip-group/), [`Tree`](https://mantine.dev/core/tree/), [`TreeSelect`](https://mantine.dev/core/tree-select/), [`TreeSelectOption`](https://mantine.dev/core/tree-select-option/), [`Typography`](https://mantine.dev/core/typography/), [`UnstyledButton`](https://mantine.dev/core/unstyled-button/), [`VisuallyHidden`](https://mantine.dev/core/visually-hidden/) ### Mantine Dates -[`Calendar`](mantine-dates.md#component-calendar), [`CalendarHeader`](mantine-dates.md#component-calendarheader), [`DateInput`](mantine-dates.md#component-dateinput), [`DatePicker`](mantine-dates.md#component-datepicker), [`DatePickerInput`](mantine-dates.md#component-datepickerinput), [`DateTimePicker`](mantine-dates.md#component-datetimepicker), [`Day`](mantine-dates.md#component-day), [`DecadeLevel`](mantine-dates.md#component-decadelevel), [`DecadeLevelGroup`](mantine-dates.md#component-decadelevelgroup), [`InlineDateTimePicker`](mantine-dates.md#component-inlinedatetimepicker), [`LevelsGroup`](mantine-dates.md#component-levelsgroup), [`MiniCalendar`](mantine-dates.md#component-minicalendar), [`Month`](mantine-dates.md#component-month), [`MonthLevel`](mantine-dates.md#component-monthlevel), [`MonthLevelGroup`](mantine-dates.md#component-monthlevelgroup), [`MonthPicker`](mantine-dates.md#component-monthpicker), [`MonthPickerInput`](mantine-dates.md#component-monthpickerinput), [`MonthsList`](mantine-dates.md#component-monthslist), [`PickerControl`](mantine-dates.md#component-pickercontrol), [`TimeGrid`](mantine-dates.md#component-timegrid), [`TimeInput`](mantine-dates.md#component-timeinput), [`TimePicker`](mantine-dates.md#component-timepicker), [`TimeValue`](mantine-dates.md#component-timevalue), [`WeekdaysRow`](mantine-dates.md#component-weekdaysrow), [`YearLevel`](mantine-dates.md#component-yearlevel), [`YearLevelGroup`](mantine-dates.md#component-yearlevelgroup), [`YearPicker`](mantine-dates.md#component-yearpicker), [`YearPickerInput`](mantine-dates.md#component-yearpickerinput), [`YearsList`](mantine-dates.md#component-yearslist) +[`Calendar`](https://mantine.dev/dates/calendar/), [`CalendarHeader`](https://mantine.dev/dates/calendar-header/), [`DateInput`](https://mantine.dev/dates/date-input/), [`DatePicker`](https://mantine.dev/dates/date-picker/), [`DatePickerInput`](https://mantine.dev/dates/date-picker-input/), [`DateTimePicker`](https://mantine.dev/dates/date-time-picker/), [`Day`](https://mantine.dev/dates/day/), [`DecadeLevel`](https://mantine.dev/dates/decade-level/), [`DecadeLevelGroup`](https://mantine.dev/dates/decade-level-group/), [`InlineDateTimePicker`](https://mantine.dev/dates/inline-date-time-picker/), [`LevelsGroup`](https://mantine.dev/dates/levels-group/), [`MiniCalendar`](https://mantine.dev/dates/mini-calendar/), [`Month`](https://mantine.dev/dates/month/), [`MonthLevel`](https://mantine.dev/dates/month-level/), [`MonthLevelGroup`](https://mantine.dev/dates/month-level-group/), [`MonthPicker`](https://mantine.dev/dates/month-picker/), [`MonthPickerInput`](https://mantine.dev/dates/month-picker-input/), [`MonthsList`](https://mantine.dev/dates/months-list/), [`PickerControl`](https://mantine.dev/dates/picker-control/), [`TimeGrid`](https://mantine.dev/dates/time-grid/), [`TimeInput`](https://mantine.dev/dates/time-input/), [`TimePicker`](https://mantine.dev/dates/time-picker/), [`TimeValue`](https://mantine.dev/dates/time-value/), [`WeekdaysRow`](https://mantine.dev/dates/weekdays-row/), [`YearLevel`](https://mantine.dev/dates/year-level/), [`YearLevelGroup`](https://mantine.dev/dates/year-level-group/), [`YearPicker`](https://mantine.dev/dates/year-picker/), [`YearPickerInput`](https://mantine.dev/dates/year-picker-input/), [`YearsList`](https://mantine.dev/dates/years-list/) ### Mantine Charts -[`AreaChart`](mantine-charts.md#component-areachart), [`BarChart`](mantine-charts.md#component-barchart), [`BarsList`](mantine-charts.md#component-barslist), [`BubbleChart`](mantine-charts.md#component-bubblechart), [`ChartLegend`](mantine-charts.md#component-chartlegend), [`ChartTooltip`](mantine-charts.md#component-charttooltip), [`CompositeChart`](mantine-charts.md#component-compositechart), [`DonutChart`](mantine-charts.md#component-donutchart), [`FunnelChart`](mantine-charts.md#component-funnelchart), [`Heatmap`](mantine-charts.md#component-heatmap), [`LineChart`](mantine-charts.md#component-linechart), [`PieChart`](mantine-charts.md#component-piechart), [`RadarChart`](mantine-charts.md#component-radarchart), [`RadialBarChart`](mantine-charts.md#component-radialbarchart), [`SankeyChart`](mantine-charts.md#component-sankeychart), [`ScatterChart`](mantine-charts.md#component-scatterchart), [`Sparkline`](mantine-charts.md#component-sparkline), [`Treemap`](mantine-charts.md#component-treemap) +[`AreaChart`](https://mantine.dev/charts/area-chart/), [`BarChart`](https://mantine.dev/charts/bar-chart/), [`BarsList`](https://mantine.dev/charts/bars-list/), [`BubbleChart`](https://mantine.dev/charts/bubble-chart/), [`ChartLegend`](https://mantine.dev/charts/chart-legend/), [`ChartTooltip`](https://mantine.dev/charts/chart-tooltip/), [`CompositeChart`](https://mantine.dev/charts/composite-chart/), [`DonutChart`](https://mantine.dev/charts/donut-chart/), [`FunnelChart`](https://mantine.dev/charts/funnel-chart/), [`Heatmap`](https://mantine.dev/charts/heatmap/), [`LineChart`](https://mantine.dev/charts/line-chart/), [`PieChart`](https://mantine.dev/charts/pie-chart/), [`RadarChart`](https://mantine.dev/charts/radar-chart/), [`RadialBarChart`](https://mantine.dev/charts/radial-bar-chart/), [`SankeyChart`](https://mantine.dev/charts/sankey-chart/), [`ScatterChart`](https://mantine.dev/charts/scatter-chart/), [`Sparkline`](https://mantine.dev/charts/sparkline/), [`Treemap`](https://mantine.dev/charts/treemap/) ### Homarr components @@ -43,468 +43,21 @@ This is the complete offline Custom JSX component contract for this Homarr relea ### Mantine Core -[`Affix`](mantine-core.md#component-affix) — Escapes the widget layout boundary, [`AppShell`](mantine-core.md#component-appshell) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShell.Aside`](mantine-core.md#component-appshell-2e-aside) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShell.Footer`](mantine-core.md#component-appshell-2e-footer) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShell.Header`](mantine-core.md#component-appshell-2e-header) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShell.Main`](mantine-core.md#component-appshell-2e-main) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShell.Navbar`](mantine-core.md#component-appshell-2e-navbar) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShell.Section`](mantine-core.md#component-appshell-2e-section) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShellAside`](mantine-core.md#component-appshellaside) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShellFooter`](mantine-core.md#component-appshellfooter) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShellHeader`](mantine-core.md#component-appshellheader) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShellMain`](mantine-core.md#component-appshellmain) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShellNavbar`](mantine-core.md#component-appshellnavbar) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShellSection`](mantine-core.md#component-appshellsection) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ColorSchemeScript`](mantine-core.md#component-colorschemescript) — Writes global document state, [`Combobox`](mantine-core.md#component-combobox) — Low-level composition primitive that requires authored callbacks, [`Combobox.Chevron`](mantine-core.md#component-combobox-2e-chevron) — Low-level composition primitive that requires authored callbacks, [`Combobox.ClearButton`](mantine-core.md#component-combobox-2e-clearbutton) — Low-level composition primitive that requires authored callbacks, [`Combobox.Dropdown`](mantine-core.md#component-combobox-2e-dropdown) — Low-level composition primitive that requires authored callbacks, [`Combobox.DropdownTarget`](mantine-core.md#component-combobox-2e-dropdowntarget) — Low-level composition primitive that requires authored callbacks, [`Combobox.Empty`](mantine-core.md#component-combobox-2e-empty) — Low-level composition primitive that requires authored callbacks, [`Combobox.EventsTarget`](mantine-core.md#component-combobox-2e-eventstarget) — Low-level composition primitive that requires authored callbacks, [`Combobox.Footer`](mantine-core.md#component-combobox-2e-footer) — Low-level composition primitive that requires authored callbacks, [`Combobox.Group`](mantine-core.md#component-combobox-2e-group) — Low-level composition primitive that requires authored callbacks, [`Combobox.Header`](mantine-core.md#component-combobox-2e-header) — Low-level composition primitive that requires authored callbacks, [`Combobox.HiddenInput`](mantine-core.md#component-combobox-2e-hiddeninput) — Low-level composition primitive that requires authored callbacks, [`Combobox.Option`](mantine-core.md#component-combobox-2e-option) — Low-level composition primitive that requires authored callbacks, [`Combobox.Options`](mantine-core.md#component-combobox-2e-options) — Low-level composition primitive that requires authored callbacks, [`Combobox.Search`](mantine-core.md#component-combobox-2e-search) — Low-level composition primitive that requires authored callbacks, [`Combobox.Target`](mantine-core.md#component-combobox-2e-target) — Low-level composition primitive that requires authored callbacks, [`ComboboxChevron`](mantine-core.md#component-comboboxchevron) — Low-level composition primitive that requires authored callbacks, [`ComboboxClearButton`](mantine-core.md#component-comboboxclearbutton) — Low-level composition primitive that requires authored callbacks, [`ComboboxDropdown`](mantine-core.md#component-comboboxdropdown) — Low-level composition primitive that requires authored callbacks, [`ComboboxDropdownTarget`](mantine-core.md#component-comboboxdropdowntarget) — Low-level composition primitive that requires authored callbacks, [`ComboboxEmpty`](mantine-core.md#component-comboboxempty) — Low-level composition primitive that requires authored callbacks, [`ComboboxEventsTarget`](mantine-core.md#component-comboboxeventstarget) — Low-level composition primitive that requires authored callbacks, [`ComboboxFooter`](mantine-core.md#component-comboboxfooter) — Low-level composition primitive that requires authored callbacks, [`ComboboxGroup`](mantine-core.md#component-comboboxgroup) — Low-level composition primitive that requires authored callbacks, [`ComboboxHeader`](mantine-core.md#component-comboboxheader) — Low-level composition primitive that requires authored callbacks, [`ComboboxHiddenInput`](mantine-core.md#component-comboboxhiddeninput) — Low-level composition primitive that requires authored callbacks, [`ComboboxOption`](mantine-core.md#component-comboboxoption) — Low-level composition primitive that requires authored callbacks, [`ComboboxOptions`](mantine-core.md#component-comboboxoptions) — Low-level composition primitive that requires authored callbacks, [`ComboboxPopover`](mantine-core.md#component-comboboxpopover) — Low-level composition primitive that requires authored callbacks, [`ComboboxPopover.Target`](mantine-core.md#component-comboboxpopover-2e-target) — Low-level composition primitive that requires authored callbacks, [`ComboboxPopoverTarget`](mantine-core.md#component-comboboxpopovertarget) — Low-level composition primitive that requires authored callbacks, [`ComboboxSearch`](mantine-core.md#component-comboboxsearch) — Low-level composition primitive that requires authored callbacks, [`ComboboxTarget`](mantine-core.md#component-comboboxtarget) — Low-level composition primitive that requires authored callbacks, [`Dialog`](mantine-core.md#component-dialog) — Escapes the widget layout and focus boundary, [`DirectionProvider`](mantine-core.md#component-directionprovider) — Replaces a Homarr-owned provider boundary, [`Drawer`](mantine-core.md#component-drawer) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Drawer.Body`](mantine-core.md#component-drawer-2e-body) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Drawer.CloseButton`](mantine-core.md#component-drawer-2e-closebutton) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Drawer.Content`](mantine-core.md#component-drawer-2e-content) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Drawer.Header`](mantine-core.md#component-drawer-2e-header) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Drawer.Overlay`](mantine-core.md#component-drawer-2e-overlay) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Drawer.Root`](mantine-core.md#component-drawer-2e-root) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Drawer.Stack`](mantine-core.md#component-drawer-2e-stack) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Drawer.Title`](mantine-core.md#component-drawer-2e-title) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`DrawerBody`](mantine-core.md#component-drawerbody) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`DrawerCloseButton`](mantine-core.md#component-drawerclosebutton) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`DrawerContent`](mantine-core.md#component-drawercontent) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`DrawerHeader`](mantine-core.md#component-drawerheader) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`DrawerOverlay`](mantine-core.md#component-draweroverlay) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`DrawerRoot`](mantine-core.md#component-drawerroot) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`DrawerStack`](mantine-core.md#component-drawerstack) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`DrawerTitle`](mantine-core.md#component-drawertitle) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`FileButton`](mantine-core.md#component-filebutton) — Requests local file-system access, [`FileInput`](mantine-core.md#component-fileinput) — Requests local file-system access, [`FloatingWindow`](mantine-core.md#component-floatingwindow) — Creates a separate browser window, [`FocusTrap`](mantine-core.md#component-focustrap) — Can capture focus outside the widget interaction flow, [`FocusTrap.InitialFocus`](mantine-core.md#component-focustrap-2e-initialfocus) — Can capture focus outside the widget interaction flow, [`FocusTrapInitialFocus`](mantine-core.md#component-focustrapinitialfocus) — Can capture focus outside the widget interaction flow, [`HeadlessMantineProvider`](mantine-core.md#component-headlessmantineprovider) — Replaces a Homarr-owned provider boundary, [`InlineStyles`](mantine-core.md#component-inlinestyles) — Writes unscoped style rules, [`Input`](mantine-core.md#component-input) — Low-level composition primitive that requires authored callbacks, [`Input.ClearButton`](mantine-core.md#component-input-2e-clearbutton) — Low-level composition primitive that requires authored callbacks, [`Input.Description`](mantine-core.md#component-input-2e-description) — Low-level composition primitive that requires authored callbacks, [`Input.Error`](mantine-core.md#component-input-2e-error) — Low-level composition primitive that requires authored callbacks, [`Input.Label`](mantine-core.md#component-input-2e-label) — Low-level composition primitive that requires authored callbacks, [`Input.Placeholder`](mantine-core.md#component-input-2e-placeholder) — Low-level composition primitive that requires authored callbacks, [`Input.Success`](mantine-core.md#component-input-2e-success) — Low-level composition primitive that requires authored callbacks, [`Input.Wrapper`](mantine-core.md#component-input-2e-wrapper) — Low-level composition primitive that requires authored callbacks, [`InputBase`](mantine-core.md#component-inputbase) — Low-level composition primitive that requires authored callbacks, [`InputClearButton`](mantine-core.md#component-inputclearbutton) — Low-level composition primitive that requires authored callbacks, [`InputClearSection`](mantine-core.md#component-inputclearsection) — Low-level composition primitive that requires authored callbacks, [`InputDescription`](mantine-core.md#component-inputdescription) — Low-level composition primitive that requires authored callbacks, [`InputError`](mantine-core.md#component-inputerror) — Low-level composition primitive that requires authored callbacks, [`InputLabel`](mantine-core.md#component-inputlabel) — Low-level composition primitive that requires authored callbacks, [`InputPlaceholder`](mantine-core.md#component-inputplaceholder) — Low-level composition primitive that requires authored callbacks, [`InputSuccess`](mantine-core.md#component-inputsuccess) — Low-level composition primitive that requires authored callbacks, [`InputWrapper`](mantine-core.md#component-inputwrapper) — Low-level composition primitive that requires authored callbacks, [`MantineProvider`](mantine-core.md#component-mantineprovider) — Replaces a Homarr-owned provider boundary, [`MantineThemeProvider`](mantine-core.md#component-mantinethemeprovider) — Replaces a Homarr-owned provider boundary, [`Menubar`](mantine-core.md#component-menubar) — Low-level composition primitive that requires authored callbacks, [`Menubar.Dropdown`](mantine-core.md#component-menubar-2e-dropdown) — Low-level composition primitive that requires authored callbacks, [`Menubar.Menu`](mantine-core.md#component-menubar-2e-menu) — Low-level composition primitive that requires authored callbacks, [`Menubar.Target`](mantine-core.md#component-menubar-2e-target) — Low-level composition primitive that requires authored callbacks, [`MenubarDropdown`](mantine-core.md#component-menubardropdown) — Low-level composition primitive that requires authored callbacks, [`MenubarMenu`](mantine-core.md#component-menubarmenu) — Low-level composition primitive that requires authored callbacks, [`MenubarTarget`](mantine-core.md#component-menubartarget) — Low-level composition primitive that requires authored callbacks, [`Modal`](mantine-core.md#component-modal) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Modal.Body`](mantine-core.md#component-modal-2e-body) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Modal.CloseButton`](mantine-core.md#component-modal-2e-closebutton) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Modal.Content`](mantine-core.md#component-modal-2e-content) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Modal.Header`](mantine-core.md#component-modal-2e-header) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Modal.Overlay`](mantine-core.md#component-modal-2e-overlay) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Modal.Root`](mantine-core.md#component-modal-2e-root) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Modal.Stack`](mantine-core.md#component-modal-2e-stack) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Modal.Title`](mantine-core.md#component-modal-2e-title) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalBase`](mantine-core.md#component-modalbase) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalBaseBody`](mantine-core.md#component-modalbasebody) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalBaseCloseButton`](mantine-core.md#component-modalbaseclosebutton) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalBaseContent`](mantine-core.md#component-modalbasecontent) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalBaseHeader`](mantine-core.md#component-modalbaseheader) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalBaseOverlay`](mantine-core.md#component-modalbaseoverlay) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalBaseTitle`](mantine-core.md#component-modalbasetitle) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalBody`](mantine-core.md#component-modalbody) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalCloseButton`](mantine-core.md#component-modalclosebutton) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalContent`](mantine-core.md#component-modalcontent) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalHeader`](mantine-core.md#component-modalheader) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalOverlay`](mantine-core.md#component-modaloverlay) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalRoot`](mantine-core.md#component-modalroot) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalStack`](mantine-core.md#component-modalstack) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalTitle`](mantine-core.md#component-modaltitle) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`OptionalPortal`](mantine-core.md#component-optionalportal) — Can render outside the widget root, [`OptionsDropdown`](mantine-core.md#component-optionsdropdown) — Low-level composition primitive that requires authored callbacks, [`PillsInput`](mantine-core.md#component-pillsinput) — Low-level composition primitive that requires authored callbacks, [`PillsInput.Field`](mantine-core.md#component-pillsinput-2e-field) — Low-level composition primitive that requires authored callbacks, [`PillsInputField`](mantine-core.md#component-pillsinputfield) — Low-level composition primitive that requires authored callbacks, [`Portal`](mantine-core.md#component-portal) — Can render outside the widget root, [`RemoveScroll`](mantine-core.md#component-removescroll) — Changes global page scrolling, [`TableOfContents`](mantine-core.md#component-tableofcontents) — Observes headings and scrolling outside the widget root, [`Transition`](mantine-core.md#component-transition) — Requires an authored render callback +[`Affix`](https://mantine.dev/core/affix/) — Escapes the widget layout boundary, [`AppShell`](https://mantine.dev/core/app-shell/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShell.Aside`](https://mantine.dev/core/app-shell/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShell.Footer`](https://mantine.dev/core/app-shell/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShell.Header`](https://mantine.dev/core/app-shell/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShell.Main`](https://mantine.dev/core/app-shell/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShell.Navbar`](https://mantine.dev/core/app-shell/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShell.Section`](https://mantine.dev/core/app-shell/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShellAside`](https://mantine.dev/core/app-shell-aside/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShellFooter`](https://mantine.dev/core/app-shell-footer/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShellHeader`](https://mantine.dev/core/app-shell-header/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShellMain`](https://mantine.dev/core/app-shell-main/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShellNavbar`](https://mantine.dev/core/app-shell-navbar/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`AppShellSection`](https://mantine.dev/core/app-shell-section/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ColorSchemeScript`](https://mantine.dev/core/color-scheme-script/) — Writes global document state, [`Combobox`](https://mantine.dev/core/combobox/) — Low-level composition primitive that requires authored callbacks, [`Combobox.Chevron`](https://mantine.dev/core/combobox/) — Low-level composition primitive that requires authored callbacks, [`Combobox.ClearButton`](https://mantine.dev/core/combobox/) — Low-level composition primitive that requires authored callbacks, [`Combobox.Dropdown`](https://mantine.dev/core/combobox/) — Low-level composition primitive that requires authored callbacks, [`Combobox.DropdownTarget`](https://mantine.dev/core/combobox/) — Low-level composition primitive that requires authored callbacks, [`Combobox.Empty`](https://mantine.dev/core/combobox/) — Low-level composition primitive that requires authored callbacks, [`Combobox.EventsTarget`](https://mantine.dev/core/combobox/) — Low-level composition primitive that requires authored callbacks, [`Combobox.Footer`](https://mantine.dev/core/combobox/) — Low-level composition primitive that requires authored callbacks, [`Combobox.Group`](https://mantine.dev/core/combobox/) — Low-level composition primitive that requires authored callbacks, [`Combobox.Header`](https://mantine.dev/core/combobox/) — Low-level composition primitive that requires authored callbacks, [`Combobox.HiddenInput`](https://mantine.dev/core/combobox/) — Low-level composition primitive that requires authored callbacks, [`Combobox.Option`](https://mantine.dev/core/combobox/) — Low-level composition primitive that requires authored callbacks, [`Combobox.Options`](https://mantine.dev/core/combobox/) — Low-level composition primitive that requires authored callbacks, [`Combobox.Search`](https://mantine.dev/core/combobox/) — Low-level composition primitive that requires authored callbacks, [`Combobox.Target`](https://mantine.dev/core/combobox/) — Low-level composition primitive that requires authored callbacks, [`ComboboxChevron`](https://mantine.dev/core/combobox-chevron/) — Low-level composition primitive that requires authored callbacks, [`ComboboxClearButton`](https://mantine.dev/core/combobox-clear-button/) — Low-level composition primitive that requires authored callbacks, [`ComboboxDropdown`](https://mantine.dev/core/combobox-dropdown/) — Low-level composition primitive that requires authored callbacks, [`ComboboxDropdownTarget`](https://mantine.dev/core/combobox-dropdown-target/) — Low-level composition primitive that requires authored callbacks, [`ComboboxEmpty`](https://mantine.dev/core/combobox-empty/) — Low-level composition primitive that requires authored callbacks, [`ComboboxEventsTarget`](https://mantine.dev/core/combobox-events-target/) — Low-level composition primitive that requires authored callbacks, [`ComboboxFooter`](https://mantine.dev/core/combobox-footer/) — Low-level composition primitive that requires authored callbacks, [`ComboboxGroup`](https://mantine.dev/core/combobox-group/) — Low-level composition primitive that requires authored callbacks, [`ComboboxHeader`](https://mantine.dev/core/combobox-header/) — Low-level composition primitive that requires authored callbacks, [`ComboboxHiddenInput`](https://mantine.dev/core/combobox-hidden-input/) — Low-level composition primitive that requires authored callbacks, [`ComboboxOption`](https://mantine.dev/core/combobox-option/) — Low-level composition primitive that requires authored callbacks, [`ComboboxOptions`](https://mantine.dev/core/combobox-options/) — Low-level composition primitive that requires authored callbacks, [`ComboboxPopover`](https://mantine.dev/core/combobox-popover/) — Low-level composition primitive that requires authored callbacks, [`ComboboxPopover.Target`](https://mantine.dev/core/combobox-popover/) — Low-level composition primitive that requires authored callbacks, [`ComboboxPopoverTarget`](https://mantine.dev/core/combobox-popover-target/) — Low-level composition primitive that requires authored callbacks, [`ComboboxSearch`](https://mantine.dev/core/combobox-search/) — Low-level composition primitive that requires authored callbacks, [`ComboboxTarget`](https://mantine.dev/core/combobox-target/) — Low-level composition primitive that requires authored callbacks, [`Dialog`](https://mantine.dev/core/dialog/) — Escapes the widget layout and focus boundary, [`DirectionProvider`](https://mantine.dev/core/direction-provider/) — Replaces a Homarr-owned provider boundary, [`Drawer`](https://mantine.dev/core/drawer/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Drawer.Body`](https://mantine.dev/core/drawer/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Drawer.CloseButton`](https://mantine.dev/core/drawer/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Drawer.Content`](https://mantine.dev/core/drawer/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Drawer.Header`](https://mantine.dev/core/drawer/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Drawer.Overlay`](https://mantine.dev/core/drawer/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Drawer.Root`](https://mantine.dev/core/drawer/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Drawer.Stack`](https://mantine.dev/core/drawer/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Drawer.Title`](https://mantine.dev/core/drawer/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`DrawerBody`](https://mantine.dev/core/drawer-body/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`DrawerCloseButton`](https://mantine.dev/core/drawer-close-button/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`DrawerContent`](https://mantine.dev/core/drawer-content/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`DrawerHeader`](https://mantine.dev/core/drawer-header/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`DrawerOverlay`](https://mantine.dev/core/drawer-overlay/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`DrawerRoot`](https://mantine.dev/core/drawer-root/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`DrawerStack`](https://mantine.dev/core/drawer-stack/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`DrawerTitle`](https://mantine.dev/core/drawer-title/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`FileButton`](https://mantine.dev/core/file-button/) — Requests local file-system access, [`FileInput`](https://mantine.dev/core/file-input/) — Requests local file-system access, [`FloatingWindow`](https://mantine.dev/core/floating-window/) — Creates a separate browser window, [`FocusTrap`](https://mantine.dev/core/focus-trap/) — Can capture focus outside the widget interaction flow, [`FocusTrap.InitialFocus`](https://mantine.dev/core/focus-trap/) — Can capture focus outside the widget interaction flow, [`FocusTrapInitialFocus`](https://mantine.dev/core/focus-trap-initial-focus/) — Can capture focus outside the widget interaction flow, [`HeadlessMantineProvider`](https://mantine.dev/core/headless-mantine-provider/) — Replaces a Homarr-owned provider boundary, [`InlineStyles`](https://mantine.dev/core/inline-styles/) — Writes unscoped style rules, [`Input`](https://mantine.dev/core/input/) — Low-level composition primitive that requires authored callbacks, [`Input.ClearButton`](https://mantine.dev/core/input/) — Low-level composition primitive that requires authored callbacks, [`Input.Description`](https://mantine.dev/core/input/) — Low-level composition primitive that requires authored callbacks, [`Input.Error`](https://mantine.dev/core/input/) — Low-level composition primitive that requires authored callbacks, [`Input.Label`](https://mantine.dev/core/input/) — Low-level composition primitive that requires authored callbacks, [`Input.Placeholder`](https://mantine.dev/core/input/) — Low-level composition primitive that requires authored callbacks, [`Input.Success`](https://mantine.dev/core/input/) — Low-level composition primitive that requires authored callbacks, [`Input.Wrapper`](https://mantine.dev/core/input/) — Low-level composition primitive that requires authored callbacks, [`InputBase`](https://mantine.dev/core/input-base/) — Low-level composition primitive that requires authored callbacks, [`InputClearButton`](https://mantine.dev/core/input-clear-button/) — Low-level composition primitive that requires authored callbacks, [`InputClearSection`](https://mantine.dev/core/input-clear-section/) — Low-level composition primitive that requires authored callbacks, [`InputDescription`](https://mantine.dev/core/input-description/) — Low-level composition primitive that requires authored callbacks, [`InputError`](https://mantine.dev/core/input-error/) — Low-level composition primitive that requires authored callbacks, [`InputLabel`](https://mantine.dev/core/input-label/) — Low-level composition primitive that requires authored callbacks, [`InputPlaceholder`](https://mantine.dev/core/input-placeholder/) — Low-level composition primitive that requires authored callbacks, [`InputSuccess`](https://mantine.dev/core/input-success/) — Low-level composition primitive that requires authored callbacks, [`InputWrapper`](https://mantine.dev/core/input-wrapper/) — Low-level composition primitive that requires authored callbacks, [`MantineProvider`](https://mantine.dev/core/mantine-provider/) — Replaces a Homarr-owned provider boundary, [`MantineThemeProvider`](https://mantine.dev/core/mantine-theme-provider/) — Replaces a Homarr-owned provider boundary, [`Menubar`](https://mantine.dev/core/menubar/) — Low-level composition primitive that requires authored callbacks, [`Menubar.Dropdown`](https://mantine.dev/core/menubar/) — Low-level composition primitive that requires authored callbacks, [`Menubar.Menu`](https://mantine.dev/core/menubar/) — Low-level composition primitive that requires authored callbacks, [`Menubar.Target`](https://mantine.dev/core/menubar/) — Low-level composition primitive that requires authored callbacks, [`MenubarDropdown`](https://mantine.dev/core/menubar-dropdown/) — Low-level composition primitive that requires authored callbacks, [`MenubarMenu`](https://mantine.dev/core/menubar-menu/) — Low-level composition primitive that requires authored callbacks, [`MenubarTarget`](https://mantine.dev/core/menubar-target/) — Low-level composition primitive that requires authored callbacks, [`Modal`](https://mantine.dev/core/modal/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Modal.Body`](https://mantine.dev/core/modal/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Modal.CloseButton`](https://mantine.dev/core/modal/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Modal.Content`](https://mantine.dev/core/modal/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Modal.Header`](https://mantine.dev/core/modal/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Modal.Overlay`](https://mantine.dev/core/modal/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Modal.Root`](https://mantine.dev/core/modal/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Modal.Stack`](https://mantine.dev/core/modal/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`Modal.Title`](https://mantine.dev/core/modal/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalBase`](https://mantine.dev/core/modal-base/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalBaseBody`](https://mantine.dev/core/modal-base-body/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalBaseCloseButton`](https://mantine.dev/core/modal-base-close-button/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalBaseContent`](https://mantine.dev/core/modal-base-content/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalBaseHeader`](https://mantine.dev/core/modal-base-header/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalBaseOverlay`](https://mantine.dev/core/modal-base-overlay/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalBaseTitle`](https://mantine.dev/core/modal-base-title/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalBody`](https://mantine.dev/core/modal-body/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalCloseButton`](https://mantine.dev/core/modal-close-button/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalContent`](https://mantine.dev/core/modal-content/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalHeader`](https://mantine.dev/core/modal-header/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalOverlay`](https://mantine.dev/core/modal-overlay/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalRoot`](https://mantine.dev/core/modal-root/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalStack`](https://mantine.dev/core/modal-stack/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`ModalTitle`](https://mantine.dev/core/modal-title/) — Escapes or replaces the widget layout, focus, scrolling, or overlay boundary, [`OptionalPortal`](https://mantine.dev/core/optional-portal/) — Can render outside the widget root, [`OptionsDropdown`](https://mantine.dev/core/options-dropdown/) — Low-level composition primitive that requires authored callbacks, [`PillsInput`](https://mantine.dev/core/pills-input/) — Low-level composition primitive that requires authored callbacks, [`PillsInput.Field`](https://mantine.dev/core/pills-input/) — Low-level composition primitive that requires authored callbacks, [`PillsInputField`](https://mantine.dev/core/pills-input-field/) — Low-level composition primitive that requires authored callbacks, [`Portal`](https://mantine.dev/core/portal/) — Can render outside the widget root, [`RemoveScroll`](https://mantine.dev/core/remove-scroll/) — Changes global page scrolling, [`TableOfContents`](https://mantine.dev/core/table-of-contents/) — Observes headings and scrolling outside the widget root, [`Transition`](https://mantine.dev/core/transition/) — Requires an authored render callback ### Mantine Dates -[`DatesProvider`](mantine-dates.md#component-datesprovider) — Replaces a Homarr-owned provider boundary, [`HiddenDatesInput`](mantine-dates.md#component-hiddendatesinput) — Internal date-input primitive, [`PickerInputBase`](mantine-dates.md#component-pickerinputbase) — Internal date-input primitive +[`DatesProvider`](https://mantine.dev/dates/dates-provider/) — Replaces a Homarr-owned provider boundary, [`HiddenDatesInput`](https://mantine.dev/dates/hidden-dates-input/) — Internal date-input primitive, [`PickerInputBase`](https://mantine.dev/dates/picker-input-base/) — Internal date-input primitive ### Mantine Charts -[`AreaGradient`](mantine-charts.md#component-areagradient) — Low-level chart implementation helper +[`AreaGradient`](https://mantine.dev/charts/area-gradient/) — Low-level chart implementation helper ### Homarr components _None._ -## Shared prop API - -These props are available to enabled components unless a component-specific record overrides the same name. - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| abbr | no | string | — | — | -| about | no | string | — | — | -| accentHeight | no | string | number | — | — | -| accept | no | string | — | — | -| accessKey | no | string | — | — | -| accumulate | no | "none" | "sum" | "none", "sum" | — | -| additive | no | "sum" | "replace" | "replace", "sum" | — | -| align | no | "center" | "left" | "right" | "center", "char", "justify", "left", "right" | — | -| alignmentBaseline | no | "inherit" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "after-edge", "alphabetic", "auto", "baseline", "before-edge", "central", "hanging", "ideographic", "inherit", "mathematical", "middle", "text-after-edge", "text-before-edge" | — | -| allowReorder | no | "yes" | "no" | "no", "yes" | — | -| alphabetic | no | string | number | — | — | -| alt | no | string | — | — | -| amplitude | no | string | number | — | — | -| arabicForm | no | "initial" | "medial" | "terminal" | "isolated" | "initial", "isolated", "medial", "terminal" | — | -| aria-activedescendant | no | string | — | Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. | -| aria-atomic | no | false | true | "true" | "false" | false, "false", true, "true" | Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. | -| aria-autocomplete | no | "none" | "inline" | "list" | "both" | "both", "inline", "list", "none" | Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made. | -| aria-braillelabel | no | string | — | Defines a string value that labels the current element, which is intended to be converted into Braille. | -| aria-brailleroledescription | no | string | — | Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille. | -| aria-busy | no | false | true | "true" | "false" | false, "false", true, "true" | — | -| aria-checked | no | false | true | "true" | "false" | "mixed" | false, "false", "mixed", true, "true" | Indicates the current "checked" state of checkboxes, radio buttons, and other widgets. | -| aria-colcount | no | number | — | Defines the total number of columns in a table, grid, or treegrid. | -| aria-colindex | no | number | — | Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid. | -| aria-colindextext | no | string | — | Defines a human readable text alternative of aria-colindex. | -| aria-colspan | no | number | — | Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid. | -| aria-controls | no | string | — | Identifies the element (or elements) whose contents or presence are controlled by the current element. | -| aria-current | no | false | true | "time" | "true" | "false" | "page" | "step" | "location" | "date" | "date", false, "false", "location", "page", "step", "time", true, "true" | Indicates the element that represents the current item within a container or set of related elements. | -| aria-describedby | no | string | — | Identifies the element (or elements) that describes the object. | -| aria-description | no | string | — | Defines a string value that describes or annotates the current element. | -| aria-details | no | string | — | Identifies the element that provides a detailed, extended description for the object. | -| aria-disabled | no | false | true | "true" | "false" | false, "false", true, "true" | Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable. | -| aria-dropeffect | no | "link" | "none" | "copy" | "execute" | "move" | "popup" | "copy", "execute", "link", "move", "none", "popup" | Indicates what functions can be performed when a dragged object is released on the drop target. | -| aria-errormessage | no | string | — | Identifies the element that provides an error message for the object. | -| aria-expanded | no | false | true | "true" | "false" | false, "false", true, "true" | Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. | -| aria-flowto | no | string | — | Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order. | -| aria-grabbed | no | false | true | "true" | "false" | false, "false", true, "true" | Indicates an element's "grabbed" state in a drag-and-drop operation. | -| aria-haspopup | no | false | true | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | "dialog", false, "false", "grid", "listbox", "menu", "tree", true, "true" | Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. | -| aria-hidden | no | false | true | "true" | "false" | false, "false", true, "true" | Indicates whether the element is exposed to an accessibility API. | -| aria-invalid | no | false | true | "true" | "false" | "grammar" | "spelling" | false, "false", "grammar", "spelling", true, "true" | Indicates the entered value does not conform to the format expected by the application. | -| aria-keyshortcuts | no | string | — | Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element. | -| aria-label | no | string | — | Defines a string value that labels the current element. | -| aria-labelledby | no | string | — | Identifies the element (or elements) that labels the current element. | -| aria-level | no | number | — | Defines the hierarchical level of an element within a structure. | -| aria-live | no | "off" | "assertive" | "polite" | "assertive", "off", "polite" | Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. | -| aria-modal | no | false | true | "true" | "false" | false, "false", true, "true" | Indicates whether an element is modal when displayed. | -| aria-multiline | no | false | true | "true" | "false" | false, "false", true, "true" | Indicates whether a text box accepts multiple lines of input or only a single line. | -| aria-multiselectable | no | false | true | "true" | "false" | false, "false", true, "true" | Indicates that the user may select more than one item from the current selectable descendants. | -| aria-orientation | no | "horizontal" | "vertical" | "horizontal", "vertical" | Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous. | -| aria-owns | no | string | — | Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship. | -| aria-placeholder | no | string | — | Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format. | -| aria-posinset | no | number | — | Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. | -| aria-pressed | no | false | true | "true" | "false" | "mixed" | false, "false", "mixed", true, "true" | Indicates the current "pressed" state of toggle buttons. | -| aria-readonly | no | false | true | "true" | "false" | false, "false", true, "true" | Indicates that the element is not editable, but is otherwise operable. | -| aria-relevant | no | "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | "additions", "additions removals", "additions text", "all", "removals", "removals additions", "removals text", "text", "text additions", "text removals" | Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. | -| aria-required | no | false | true | "true" | "false" | false, "false", true, "true" | Indicates that user input is required on the element before a form may be submitted. | -| aria-roledescription | no | string | — | Defines a human-readable, author-localized description for the role of an element. | -| aria-rowcount | no | number | — | Defines the total number of rows in a table, grid, or treegrid. | -| aria-rowindex | no | number | — | Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid. | -| aria-rowindextext | no | string | — | Defines a human readable text alternative of aria-rowindex. | -| aria-rowspan | no | number | — | Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid. | -| aria-selected | no | false | true | "true" | "false" | false, "false", true, "true" | Indicates the current "selected" state of various widgets. | -| aria-setsize | no | number | — | Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. | -| aria-sort | no | "none" | "ascending" | "descending" | "other" | "ascending", "descending", "none", "other" | Indicates if items in a table or grid are sorted in ascending or descending order. | -| aria-valuemax | no | number | — | Defines the maximum allowed value for a range widget. | -| aria-valuemin | no | number | — | Defines the minimum allowed value for a range widget. | -| aria-valuenow | no | number | — | Defines the current value for a range widget. | -| aria-valuetext | no | string | — | Defines the human readable text alternative of aria-valuenow for a range widget. | -| ascent | no | string | number | — | — | -| attributeName | no | string | — | — | -| attributeType | no | string | — | — | -| autoCapitalize | no | (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | "characters", "none", "off", "on", "sentences", "words" | — | -| autoComplete | no | HTMLInputAutoCompleteAttribute | — | — | -| autoCorrect | no | string | — | — | -| autoReverse | no | false | true | "true" | "false" | false, "false", true, "true" | — | -| autoSave | no | string | — | — | -| azimuth | no | string | number | — | — | -| baseFrequency | no | string | number | — | — | -| baseProfile | no | string | number | — | — | -| baselineShift | no | string | number | — | — | -| bbox | no | string | number | — | — | -| bd | no | StyleProp<Property.Border<string | number>> | — | Border | -| bdrs | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | BorderRadius, theme key: theme.radius | -| begin | no | string | number | — | — | -| bg | no | StyleProp<DefaultMantineColor> | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Background, theme key: theme.colors | -| bga | no | StyleProp<Property.BackgroundAttachment> | "-moz-initial", "fixed", "inherit", "initial", "local", "revert", "revert-layer", "scroll", "unset" | BackgroundAttachment | -| bgcolor | no | string | — | — | -| bgp | no | StyleProp<Property.BackgroundPosition<string | number>> | — | BackgroundPosition | -| bgr | no | StyleProp<Property.BackgroundRepeat> | "-moz-initial", "inherit", "initial", "no-repeat", "repeat", "repeat-x", "repeat-y", "revert", "revert-layer", "round", "space", "unset" | BackgroundRepeat | -| bgsz | no | StyleProp<Property.BackgroundSize<string | number>> | — | BackgroundSize | -| bias | no | string | number | — | — | -| border | no | number | — | — | -| by | no | string | number | — | — | -| c | no | StyleProp<DefaultMantineColor> | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Color | -| calcMode | no | string | number | — | — | -| capHeight | no | string | number | — | — | -| capture | no | false | true | "user" | "environment" | "environment", false, true, "user" | — | -| cellPadding | no | string | number | — | — | -| cellSpacing | no | string | number | — | — | -| checked | no | false | true | false, true | — | -| clip | no | string | number | — | — | -| clipPath | no | string | — | — | -| clipPathUnits | no | string | number | — | — | -| clipRule | no | string | number | — | — | -| colSpan | no | number | — | — | -| color | no | string | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "initials", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Key of `theme.colors` or any valid CSS color | -| colorInterpolation | no | string | number | — | — | -| colorInterpolationFilters | no | "inherit" | "auto" | "sRGB" | "linearRGB" | "auto", "inherit", "linearRGB", "sRGB" | — | -| colorProfile | no | string | number | — | — | -| colorRendering | no | string | number | — | — | -| cols | no | number | — | — | -| content | no | string | — | — | -| contentScriptType | no | string | number | — | — | -| contentStyleType | no | string | number | — | — | -| contextMenu | no | string | — | — | -| crossOrigin | no | "" | "anonymous" | "use-credentials" | "", "anonymous", "use-credentials" | — | -| cursor | no | string | number | — | — | -| cx | no | string | number | — | — | -| cy | no | string | number | — | — | -| d | no | string | — | — | -| darkHidden | no | false | true | false, true | Determines whether component should be hidden in dark color scheme with `display: none` | -| datatype | no | string | — | — | -| decelerate | no | string | number | — | — | -| defaultChecked | no | false | true | false, true | — | -| defaultValue | no | string | number | readonly string[] | — | — | -| descent | no | string | number | — | — | -| diffuseConstant | no | string | number | — | — | -| dir | no | string | — | — | -| dirName | no | string | — | — | -| direction | no | string | number | — | — | -| disabled | no | false | true | false, true | — | -| display | no | StyleProp<Property.Display> | "-moz-initial", "-ms-flexbox", "-ms-grid", "-ms-inline-flexbox", "-ms-inline-grid", "-webkit-flex", "-webkit-inline-flex", "block", "contents", "flex", "flow", "flow-root", "grid", "inherit", "initial", "inline", "inline-block", "inline-flex", "inline-grid", "inline-list-item", "inline-table", "list-item", "none", "revert", "revert-layer", "ruby", "ruby-base", "ruby-base-container", "ruby-text", "ruby-text-container", "run-in", "table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row", "table-row-group", "unset" | — | -| divisor | no | string | number | — | — | -| dominantBaseline | no | "inherit" | "auto" | "text-before-edge" | "middle" | "central" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "use-script" | "no-change" | "reset-size" | "alphabetic", "auto", "central", "hanging", "ideographic", "inherit", "mathematical", "middle", "no-change", "reset-size", "text-after-edge", "text-before-edge", "use-script" | — | -| draggable | no | false | true | "true" | "false" | false, "false", true, "true" | — | -| dur | no | string | number | — | — | -| dx | no | string | number | — | — | -| dy | no | string | number | — | — | -| edgeMode | no | string | number | — | — | -| elevation | no | string | number | — | — | -| enableBackground | no | string | number | — | — | -| end | no | string | number | — | — | -| enterKeyHint | no | "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | "done", "enter", "go", "next", "previous", "search", "send" | — | -| exponent | no | string | number | — | — | -| exportparts | no | string | — | — | -| externalResourcesRequired | no | false | true | "true" | "false" | false, "false", true, "true" | — | -| ff | no | StyleProp<"text" | (string & {}) | "monospace" | "heading"> | "heading", "monospace", "text" | FontFamily | -| fill | no | string | — | — | -| fillOpacity | no | string | number | — | — | -| fillRule | no | "inherit" | "nonzero" | "evenodd" | "evenodd", "inherit", "nonzero" | — | -| filter | no | string | — | — | -| filterRes | no | string | number | — | — | -| filterUnits | no | string | number | — | — | -| flex | no | StyleProp<Property.Flex<string | number>> | — | — | -| floodColor | no | string | number | — | — | -| floodOpacity | no | string | number | — | — | -| focusable | no | false | true | "auto" | "true" | "false" | "auto", false, "false", true, "true" | — | -| fontFamily | no | string | — | — | -| fontSize | no | string | number | — | — | -| fontSizeAdjust | no | string | number | — | — | -| fontStretch | no | string | number | — | — | -| fontStyle | no | string | number | — | — | -| fontVariant | no | string | number | — | — | -| fontWeight | no | string | number | — | — | -| format | no | string | number | — | — | -| fr | no | string | number | — | — | -| frame | no | false | true | false, true | — | -| from | no | string | number | — | — | -| fs | no | StyleProp<Property.FontStyle> | "-moz-initial", "inherit", "initial", "italic", "normal", "oblique", "revert", "revert-layer", "unset" | FontStyle | -| fw | no | StyleProp<Property.FontWeight> | "-moz-initial", "bold", "bolder", "inherit", "initial", "lighter", "normal", "revert", "revert-layer", "unset" | FontWeight | -| fx | no | string | number | — | — | -| fy | no | string | number | — | — | -| fz | no | StyleProp<number | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | MantineFontSize> | "h1", "h2", "h3", "h4", "h5", "h6", "lg", "md", "sm", "xl", "xs" | FontSize, theme key: theme.fontSizes | -| g1 | no | string | number | — | — | -| g2 | no | string | number | — | — | -| glyphName | no | string | number | — | — | -| glyphOrientationHorizontal | no | string | number | — | — | -| glyphOrientationVertical | no | string | number | — | — | -| gradientTransform | no | string | — | — | -| gradientUnits | no | string | — | — | -| h | no | StyleProp<Property.Height<string | number>> | — | Height, theme key: theme.spacing | -| hanging | no | string | number | — | — | -| headers | no | string | — | — | -| height | no | string | number | — | — | -| hidden | no | false | true | false, true | — | -| hiddenFrom | no | MantineBreakpoint | "lg", "md", "sm", "xl", "xs" | Breakpoint above which the component is hidden with `display: none` | -| horizAdvX | no | string | number | — | — | -| horizOriginX | no | string | number | — | — | -| href | no | string | — | — | -| id | no | string | — | Static id used as base to generate `aria-` attributes, by default generates random id | -| ideographic | no | string | number | — | — | -| imageRendering | no | string | number | — | — | -| in | no | string | — | — | -| in2 | no | string | number | — | — | -| inert | no | false | true | false, true | — | -| inlist | no | unknown | — | — | -| inputMode | no | "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "decimal", "email", "none", "numeric", "search", "tel", "text", "url" | Hints at the type of data that might be entered by the user while editing the element or its contents | -| intercept | no | string | number | — | — | -| is | no | string | — | Specify that a standard HTML element should behave like a defined custom built-in element | -| itemID | no | string | — | — | -| itemProp | no | string | — | — | -| itemScope | no | false | true | false, true | — | -| itemType | no | string | — | — | -| k | no | string | number | — | — | -| k1 | no | string | number | — | — | -| k2 | no | string | number | — | — | -| k3 | no | string | number | — | — | -| k4 | no | string | number | — | — | -| kernelMatrix | no | string | number | — | — | -| kernelUnitLength | no | string | number | — | — | -| kerning | no | string | number | — | — | -| key | no | Key | null | — | Stable identity used by React when rendering collections. | -| keyPoints | no | string | number | — | — | -| keySplines | no | string | number | — | — | -| keyTimes | no | string | number | — | — | -| lang | no | string | — | — | -| lengthAdjust | no | string | number | — | — | -| letterSpacing | no | string | number | — | — | -| lh | no | StyleProp<number | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | MantineLineHeight> | "h1", "h2", "h3", "h4", "h5", "h6", "lg", "md", "sm", "xl", "xs" | LineHeight, theme key: lineHeights | -| lightHidden | no | false | true | false, true | Determines whether component should be hidden in light color scheme with `display: none` | -| lightingColor | no | string | number | — | — | -| limitingConeAngle | no | string | number | — | — | -| list | no | string | — | — | -| local | no | string | number | — | — | -| lts | no | StyleProp<Property.LetterSpacing<string | number>> | — | LetterSpacing | -| m | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | Margin, theme key: theme.spacing | -| mah | no | StyleProp<Property.MaxHeight<string | number>> | — | MaxHeight, theme key: theme.spacing | -| markerEnd | no | string | — | — | -| markerHeight | no | string | number | — | — | -| markerMid | no | string | — | — | -| markerStart | no | string | — | — | -| markerUnits | no | string | number | — | — | -| markerWidth | no | string | number | — | — | -| mask | no | string | — | — | -| maskContentUnits | no | string | number | — | — | -| maskUnits | no | string | number | — | — | -| mathematical | no | string | number | — | — | -| maw | no | StyleProp<Property.MaxWidth<string | number>> | — | MaxWidth, theme key: theme.spacing | -| max | no | string | number | — | — | -| maxLength | no | number | — | — | -| mb | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | MarginBottom, theme key: theme.spacing | -| me | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | MarginInlineEnd, theme key: theme.spacing | -| media | no | string | — | — | -| method | no | string | — | — | -| mie | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | MarginInlineEnd, theme key: theme.spacing | -| mih | no | StyleProp<Property.MinHeight<string | number>> | — | MinHeight, theme key: theme.spacing | -| min | no | string | number | — | — | -| minLength | no | number | — | — | -| mis | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | MarginInlineStart, theme key: theme.spacing | -| miw | no | StyleProp<Property.MinWidth<string | number>> | — | MinWidth, theme key: theme.spacing | -| ml | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | MarginLeft, theme key: theme.spacing | -| mod | no | BoxMod | — | Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed | -| mode | no | string | number | — | — | -| mr | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | MarginRight, theme key: theme.spacing | -| ms | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | MarginInlineStart, theme key: theme.spacing | -| mt | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | MarginTop, theme key: theme.spacing | -| multiple | no | false | true | false, true | — | -| mx | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | MarginInline, theme key: theme.spacing | -| my | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | MarginBlock, theme key: theme.spacing | -| name | no | string | — | — | -| nonce | no | string | — | — | -| numOctaves | no | string | number | — | — | -| offset | no | string | number | — | — | -| opacity | no | StyleProp<Property.Opacity> | "-moz-initial", "inherit", "initial", "revert", "revert-layer", "unset" | — | -| operator | no | string | number | — | — | -| order | no | string | number | — | — | -| orient | no | string | number | — | — | -| orientation | no | string | number | — | — | -| origin | no | string | number | — | — | -| overflow | no | string | number | — | — | -| overlinePosition | no | string | number | — | — | -| overlineThickness | no | string | number | — | — | -| p | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | Padding, theme key: theme.spacing | -| paintOrder | no | string | number | — | — | -| panose1 | no | string | number | — | — | -| part | no | string | — | — | -| path | no | string | — | — | -| pathLength | no | string | number | — | — | -| pattern | no | string | — | — | -| patternContentUnits | no | string | — | — | -| patternTransform | no | string | number | — | — | -| patternUnits | no | string | — | — | -| pb | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | PaddingBottom, theme key: theme.spacing | -| pe | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | PaddingInlineEnd, theme key: theme.spacing | -| pie | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | PaddingInlineEnd, theme key: theme.spacing | -| pis | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | PaddingInlineStart, theme key: theme.spacing | -| pl | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | PaddingLeft, theme key: theme.spacing | -| placeholder | no | string | — | — | -| pointerEvents | no | string | number | — | — | -| points | no | string | — | — | -| pointsAtX | no | string | number | — | — | -| pointsAtY | no | string | number | — | — | -| pointsAtZ | no | string | number | — | — | -| pr | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | PaddingRight, theme key: theme.spacing | -| prefix | no | string | — | — | -| preserveAlpha | no | false | true | "true" | "false" | false, "false", true, "true" | — | -| preserveAspectRatio | no | string | — | — | -| primitiveUnits | no | string | number | — | — | -| property | no | string | — | — | -| ps | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | PaddingInlineStart, theme key: theme.spacing | -| pt | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | PaddingTop, theme key: theme.spacing | -| px | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | PaddingInline, theme key: theme.spacing | -| py | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | PaddingBlock, theme key: theme.spacing | -| r | no | string | number | — | — | -| radioGroup | no | string | — | — | -| radius | no | MantineRadius | "lg", "md", "sm", "xl", "xs" | Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem | -| readOnly | no | false | true | false, true | — | -| rel | no | string | — | — | -| renderingIntent | no | string | number | — | — | -| repeatCount | no | string | number | — | — | -| repeatDur | no | string | number | — | — | -| required | no | false | true | false, true | — | -| requiredExtensions | no | string | number | — | — | -| requiredFeatures | no | string | number | — | — | -| resource | no | string | — | — | -| restart | no | string | number | — | — | -| result | no | string | — | — | -| results | no | number | — | — | -| rev | no | string | — | — | -| role | no | AriaRole | — | — | -| rotate | no | string | number | — | — | -| rowSpan | no | number | — | — | -| rows | no | number | — | — | -| rules | no | "none" | "all" | "rows" | "groups" | "columns" | "all", "columns", "groups", "none", "rows" | — | -| rx | no | string | number | — | — | -| ry | no | string | number | — | — | -| scale | no | string | number | — | — | -| scope | no | string | — | — | -| security | no | string | — | — | -| seed | no | string | number | — | — | -| shadow | no | MantineShadow | "lg", "md", "sm", "xl", "xs" | Key of `theme.shadows` or any other valid CSS `box-shadow` value | -| shapeRendering | no | string | number | — | — | -| size | no | "xs" | "sm" | "md" | "lg" | "xl" | "compact-lg", "compact-md", "compact-sm", "compact-xl", "compact-xs", "input-lg", "input-md", "input-sm", "input-xl", "input-xs", "lg", "md", "sm", "xl", "xs" | Component size | -| slope | no | string | number | — | — | -| slot | no | string | — | — | -| spacing | no | string | number | — | — | -| specularConstant | no | string | number | — | — | -| specularExponent | no | string | number | — | — | -| speed | no | string | number | — | — | -| spellCheck | no | false | true | "true" | "false" | false, "false", true, "true" | — | -| spreadMethod | no | string | — | — | -| src | no | string | — | — | -| startOffset | no | string | number | — | — | -| stdDeviation | no | string | number | — | — | -| stemh | no | string | number | — | — | -| stemv | no | string | number | — | — | -| step | no | string | number | — | — | -| stitchTiles | no | string | number | — | — | -| stopColor | no | string | — | — | -| stopOpacity | no | string | number | — | — | -| strikethroughPosition | no | string | number | — | — | -| strikethroughThickness | no | string | number | — | — | -| string | no | string | number | — | — | -| stroke | no | string | — | — | -| strokeDasharray | no | string | number | — | — | -| strokeDashoffset | no | string | number | — | — | -| strokeLinecap | no | "inherit" | "round" | "butt" | "square" | "butt", "inherit", "round", "square" | — | -| strokeLinejoin | no | "inherit" | "round" | "miter" | "bevel" | "bevel", "inherit", "miter", "round" | — | -| strokeMiterlimit | no | string | number | — | — | -| strokeOpacity | no | string | number | — | — | -| strokeWidth | no | string | number | — | — | -| style | no | CSSProperties | — | Style to apply to the root element, used for virtualizer positioning | -| styles | no | Partial<Record<"label", CSSProperties>> | — | — | -| summary | no | string | — | — | -| surfaceScale | no | string | number | — | — | -| systemLanguage | no | string | number | — | — | -| ta | no | StyleProp<Property.TextAlign> | "-khtml-center", "-khtml-left", "-khtml-right", "-moz-center", "-moz-initial", "-moz-left", "-moz-right", "-webkit-center", "-webkit-left", "-webkit-match-parent", "-webkit-right", "center", "end", "inherit", "initial", "justify", "left", "match-parent", "revert", "revert-layer", "right", "start", "unset" | TextAlign | -| tabIndex | no | number | — | Tab index for the node | -| tableValues | no | string | number | — | — | -| target | no | string | — | — | -| targetX | no | string | number | — | — | -| targetY | no | string | number | — | — | -| td | no | StyleProp<Property.TextDecoration<string | number>> | — | TextDecoration | -| textAnchor | no | "inherit" | "end" | "start" | "middle" | "end", "inherit", "middle", "start" | — | -| textDecoration | no | string | number | — | — | -| textLength | no | string | number | — | — | -| textRendering | no | string | number | — | — | -| title | no | string | — | Item title, displayed next to the bullet | -| to | no | string | number | — | — | -| transform | no | string | — | — | -| translate | no | "yes" | "no" | "no", "yes" | — | -| tt | no | StyleProp<Property.TextTransform> | "-moz-initial", "capitalize", "full-size-kana", "full-width", "inherit", "initial", "lowercase", "math-auto", "none", "revert", "revert-layer", "unset", "uppercase" | TextTransform | -| type | no | "button" | "submit" | "reset" | "button", "checkbox", "color", "date", "datetime-local", "email", "file", "hidden", "image", "month", "number", "password", "radio", "range", "reset", "search", "submit", "tel", "text", "time", "url", "week" | — | -| typeof | no | string | — | — | -| u1 | no | string | number | — | — | -| u2 | no | string | number | — | — | -| underlinePosition | no | string | number | — | — | -| underlineThickness | no | string | number | — | — | -| unicode | no | string | number | — | — | -| unicodeBidi | no | string | number | — | — | -| unicodeRange | no | string | number | — | — | -| unitsPerEm | no | string | number | — | — | -| unselectable | no | "off" | "on" | "off", "on" | — | -| vAlphabetic | no | string | number | — | — | -| vHanging | no | string | number | — | — | -| vIdeographic | no | string | number | — | — | -| vMathematical | no | string | number | — | — | -| valign | no | "bottom" | "top" | "baseline" | "middle" | "baseline", "bottom", "middle", "top" | — | -| value | no | string | number | readonly string[] | — | — | -| values | no | string | — | — | -| variant | no | string | "contained", "contrast", "dashed", "default", "dot", "dotted", "filled", "gradient", "light", "outline", "pills", "separated", "solid", "subtle", "text", "transparent", "unstyled", "vertical", "white" | Variant passed from parent component, sets `data-variant` | -| vectorEffect | no | string | number | — | — | -| version | no | string | — | — | -| vertAdvY | no | string | number | — | — | -| vertOriginX | no | string | number | — | — | -| vertOriginY | no | string | number | — | — | -| viewBox | no | string | — | — | -| viewTarget | no | string | number | — | — | -| visibility | no | string | number | — | — | -| visibleFrom | no | MantineBreakpoint | "lg", "md", "sm", "xl", "xs" | Breakpoint below which the component is hidden with `display: none` | -| vocab | no | string | — | — | -| w | no | StyleProp<Property.Width<string | number>> | — | Width, theme key: theme.spacing | -| width | no | string | number | — | — | -| widths | no | string | number | — | — | -| withBorder | no | false | true | false, true | Adds border to the root element | -| wordSpacing | no | string | number | — | — | -| wrap | no | string | — | — | -| writingMode | no | string | number | — | — | -| x | no | string | number | — | — | -| x1 | no | string | number | — | — | -| x2 | no | string | number | — | — | -| xChannelSelector | no | string | — | — | -| xHeight | no | string | number | — | — | -| xlinkActuate | no | string | — | — | -| xlinkArcrole | no | string | — | — | -| xlinkHref | no | string | — | — | -| xlinkRole | no | string | — | — | -| xlinkShow | no | string | — | — | -| xlinkTitle | no | string | — | — | -| xlinkType | no | string | — | — | -| xmlBase | no | string | — | — | -| xmlLang | no | string | — | — | -| xmlSpace | no | string | — | — | -| xmlns | no | string | — | — | -| xmlnsXlink | no | string | — | — | -| y | no | string | number | — | — | -| y1 | no | string | number | — | — | -| y2 | no | string | number | — | — | -| yChannelSelector | no | string | — | — | -| z | no | string | number | — | — | -| zoomAndPan | no | string | — | — | - ## Blocked capabilities | Kind | Name | Reason | diff --git a/.agents/skills/homarr-custom-widget/references/examples.json b/.agents/skills/homarr-custom-widget/references/examples.json new file mode 100644 index 000000000..a68822a0c --- /dev/null +++ b/.agents/skills/homarr-custom-widget/references/examples.json @@ -0,0 +1,82 @@ +[ + { + "id": "service-status", + "title": "Service status", + "description": "A compact status widget backed by one load query.", + "widget": { + "$schema": "homarr-custom-widget-v2", + "name": "Service status", + "sources": [ + { + "id": "default", + "name": "Service API", + "baseUrl": "https://example.com", + "networkScope": "public", + "auth": { + "type": "none" + } + } + ], + "requests": [ + { + "id": "status", + "sourceId": "default", + "kind": "query", + "method": "GET", + "pathTemplate": "/api/status", + "parameters": {}, + "auth": "inherit", + "minimumBoardPermission": "view", + "trigger": "load" + } + ], + "optionsSchema": { + "type": "object", + "properties": {}, + "additionalProperties": false + }, + "defaultOptions": {}, + "template": "\n \n {data.status.name ?? \"Service\"}\n {data.status.online ? \"Online\" : \"Offline\"}\n \n {data.status.message ?? \"No additional details\"}\n " + } + }, + { + "id": "pokemon-evolution-tree", + "title": "Pokémon evolution tree", + "description": "A trusted arbitrary-depth tree with one immutable derived-value block per node.", + "widget": { + "$schema": "homarr-custom-widget-v2", + "name": "Pokémon evolution tree", + "sources": [ + { + "id": "default", + "name": "PokeAPI", + "baseUrl": "https://pokeapi.co", + "networkScope": "public", + "auth": { + "type": "none" + } + } + ], + "requests": [ + { + "id": "evolution", + "sourceId": "default", + "kind": "query", + "method": "GET", + "pathTemplate": "/api/v2/evolution-chain/1", + "parameters": {}, + "auth": "inherit", + "minimumBoardPermission": "view", + "trigger": "load" + } + ], + "optionsSchema": { + "type": "object", + "properties": {}, + "additionalProperties": false + }, + "defaultOptions": {}, + "template": "\n Evolution chain\n {status.evolution?.loading ? : status.evolution?.error ? {status.evolution.error} : data.evolution?.chain ?\n \n {(node, meta) => {\n const segments = node.species.url.split(\"/\").filter((part) => part);\n const dexId = segments.at(-1);\n return #{dexId}{node.species.name}{meta.hasChildren && {meta.childCount} next};\n }}\n : No evolution chain returned.}\n" + } + } +] diff --git a/.agents/skills/homarr-custom-widget/references/homarr-components.md b/.agents/skills/homarr-custom-widget/references/homarr-components.md index 934f49d02..f7db5cdc4 100644 --- a/.agents/skills/homarr-custom-widget/references/homarr-components.md +++ b/.agents/skills/homarr-custom-widget/references/homarr-components.md @@ -2,7 +2,7 @@ > Generated from `component-catalog-v1.json`. Catalog schema v1 · Custom Widget 2.0.0 · Mantine 9.4.1. Do not edit this file by hand. -Package: `@homarr/widgets`. Effective props combine the [shared prop API](components.md#shared-prop-api) with each component's specific props below. Component-specific records override shared records with the same name. +Package: `@homarr/widgets`. The component-specific props below supplement ordinary safe serializable Mantine props and style props. Component-specific records override ordinary behavior with the same name. ## Package guidance @@ -36,6 +36,7 @@ Runs a named user-triggered action. | Prop | Required | Type | Literal values | Description | | --- | --- | --- | --- | --- | +| color | no | string | — | — | | confirmMessage | no | string | — | — | | disabled | no | boolean | string | — | — | | errorMessage | no | string | — | — | @@ -46,6 +47,7 @@ Runs a named user-triggered action. | requestId | no | string | — | Identifier of the named Custom Widget action. | | size | no | string | — | — | | successMessage | no | string | — | — | +| variant | no | string | — | — | ### `Collapsible` @@ -134,8 +136,10 @@ Refreshes load-triggered widget queries. | Prop | Required | Type | Literal values | Description | | --- | --- | --- | --- | --- | +| color | no | string | — | — | | label | no | string | — | — | | size | no | string | — | — | +| variant | no | string | — | — | ### `StatBar` @@ -155,6 +159,7 @@ Displays a compact labeled statistic and progress value. | Prop | Required | Type | Literal values | Description | | --- | --- | --- | --- | --- | +| color | no | string | — | — | | label | no | string | — | — | | max | no | number | — | — | | value | yes | number | — | — | @@ -179,12 +184,14 @@ Reads a nested value from a named manual-query result. | --- | --- | --- | --- | --- | | as | no | 'Text' | 'Title' | 'Badge' | 'Code' | 'Image' | "Text", "Title", "Badge", "Code", "Image" | — | | c | no | string | — | — | +| color | no | string | — | — | | fit | no | string | — | — | | fw | no | number | — | — | | h | no | string | number | — | — | | order | no | 1 | 2 | 3 | 4 | 5 | 6 | 1, 2, 3, 4, 5, 6 | — | | radius | no | string | number | — | — | | size | no | string | — | — | +| variant | no | string | — | — | | w | no | string | number | — | — | @@ -253,6 +260,7 @@ Resolves an installed Tabler icon by its safe name. | Prop | Required | Type | Literal values | Description | | --- | --- | --- | --- | --- | +| color | no | string | — | — | | name | yes | string | — | — | | size | no | string | number | — | — | | stroke | no | string | number | — | — | @@ -295,11 +303,13 @@ Runs named actions for the enabled and disabled states. | Prop | Required | Type | Literal values | Description | | --- | --- | --- | --- | --- | +| color | no | string | — | — | | disabled | no | boolean | string | — | — | +| disabledParams | no | Record<string, string | number | boolean> | — | — | +| enabledParams | no | Record<string, string | number | boolean> | — | — | | errorMessage | no | string | — | — | | initialValue | no | boolean | string | — | — | | label | no | string | — | — | -| offParams | no | Record<string, string | number | boolean> | — | — | | requestId | no | string | — | Identifier of the named Custom Widget action. | | size | no | string | — | — | diff --git a/.agents/skills/homarr-custom-widget/references/mantine-charts.md b/.agents/skills/homarr-custom-widget/references/mantine-charts.md index 02387e5de..68a680a46 100644 --- a/.agents/skills/homarr-custom-widget/references/mantine-charts.md +++ b/.agents/skills/homarr-custom-widget/references/mantine-charts.md @@ -1,703 +1,5 @@ # Mantine Charts -> Generated from `component-catalog-v1.json`. Catalog schema v1 · Custom Widget 2.0.0 · Mantine 9.4.1. Do not edit this file by hand. +Use the official Mantine LLM index in [Mantine Core](mantine-core.md#charts) to discover chart documentation. -Package: `@mantine/charts`. Effective props combine the [shared prop API](components.md#shared-prop-api) with each component's specific props below. Component-specific records override shared records with the same name. - -## Package guidance - -Pass sanitized JSON data through serializable props. Use [immutable local `const` blocks](runtime.md#immutable-local-bindings) for repeated derived chart values; authored formatters and renderer callbacks remain blocked. Include a textual summary and do not rely on color alone. - -## Enabled inventory - -AreaChart, BarChart, BarsList, BubbleChart, ChartLegend, ChartTooltip, CompositeChart, DonutChart, FunnelChart, Heatmap, LineChart, PieChart, RadarChart, RadialBarChart, SankeyChart, ScatterChart, Sparkline, Treemap - -## Denied inventory - -AreaGradient - -## Component records - - -### `AreaChart` - -- Safety: `wrapped` -- Category: `charts` -- Documentation: [upstream component API](https://mantine.dev/charts/area-chart/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a nearby text summary of the chart data. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| activeDotProps | no | MantineChartDotProps | — | Props passed down to all active dots. Ignored if `withDots={false}` is set. | -| areaChartProps | no | (CartesianChartProps<unknown> & { ref?: React.Ref<SVGSVGElement>; }) | — | Props passed down to recharts `AreaChart` component | -| attributes | no | { area?: Record<string, any>; legend?: Record<string, any>; grid?: Record<string, any>; root?: Record<string, any>; ... 14 more ...; tooltipBody?: Record<...>; } | — | — | -| connectNulls | no | false | true | false, true | If set, points with `null` values are connected | -| curveType | no | "step" | "bump" | "linear" | "natural" | "monotone" | "stepBefore" | "stepAfter" | "bump", "linear", "monotone", "natural", "step", "stepAfter", "stepBefore" | Type of the curve | -| data | yes | ChartData | — | Data used to display chart | -| dataKey | yes | string | — | Key of the `data` object for x-axis values | -| dotProps | no | MantineChartDotProps | — | Props passed down to all dots. Ignored if `withDots={false}` is set. | -| gridAxis | no | "none" | "x" | "y" | "xy" | "none", "x", "xy", "y" | Specifies which lines should be displayed in the grid, `'x'` by default | -| gridColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Color of the grid and cursor lines, by default depends on color scheme | -| gridProps | no | Omit<CartesianGridProps, "ref"> | — | Props passed down to the `CartesianGrid` component | -| legendProps | no | Omit<LegendProps, "ref"> | — | Props passed down to the `Legend` component | -| referenceLines | no | ChartReferenceLineProps[] | — | Reference lines that should be displayed on the chart | -| rightYAxisLabel | no | string | — | A label to display next to the right y-axis | -| rightYAxisProps | no | Omit<YAxisProps, "ref"> | — | Props passed down to the `YAxis` recharts component rendered on the right side | -| series | yes | AreaChartSeries[] | — | An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array. | -| splitColors | no | [DefaultMantineColor, DefaultMantineColor] | — | A tuple of colors used when `type="split"` is set, ignored in all other cases. A tuple may include theme colors reference or any valid CSS colors | -| splitOffset | no | number | — | Offset for the split gradient. By default, value is inferred from `data` and `series` if possible. Must be generated from the data array with `getSplitOffset` function. | -| textColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Color of the text displayed inside the chart, `'dimmed'` by default | -| tickLine | no | "none" | "x" | "y" | "xy" | "none", "x", "xy", "y" | Specifies which axis should have tick line, `'y'` by default | -| tooltipAnimationDuration | no | number | — | Tooltip position animation duration in ms, `0` by default | -| tooltipProps | no | Omit<TooltipProps<any, any>, "ref"> | — | Props passed down to the `Tooltip` component | -| unit | no | string | — | Unit displayed next to each tick in y-axis | -| unstyled | no | false | true | false, true | — | -| withDots | no | false | true | false, true | Determines whether dots should be displayed | -| withGradient | no | false | true | false, true | Determines whether the chart area should be represented with a gradient instead of the solid color | -| withLegend | no | false | true | false, true | Determines whether chart legend should be displayed, `false` by default | -| withPointLabels | no | false | true | false, true | If set, each point has an associated label | -| withRightYAxis | no | false | true | false, true | Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default | -| withTooltip | no | false | true | false, true | Determines whether chart tooltip should be displayed, `true` by default | -| withXAxis | no | false | true | false, true | Determines whether x-axis should be displayed, `true` by default | -| withYAxis | no | false | true | false, true | Determines whether y-axis should be displayed, `true` by default | -| xAxisLabel | no | string | — | A label to display below the x-axis | -| xAxisProps | no | Omit<XAxisProps, "ref"> | — | Props passed down to the `XAxis` recharts component | -| yAxisLabel | no | string | — | A label to display next to the y-axis | -| yAxisProps | no | Omit<YAxisProps, "ref"> | — | Props passed down to the `YAxis` recharts component | - - -### `AreaGradient` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/charts/area-gradient/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level chart implementation helper. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `BarChart` - -- Safety: `wrapped` -- Category: `charts` -- Documentation: [upstream component API](https://mantine.dev/charts/bar-chart/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a nearby text summary of the chart data. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { legend?: Record<string, any>; grid?: Record<string, any>; root?: Record<string, any>; tooltip?: Record<string, any>; ... 14 more ...; tooltipBody?: Record<...>; } | — | — | -| barChartProps | no | (CartesianChartProps<unknown> & { ref?: React.Ref<SVGSVGElement>; }) | — | Props passed down to recharts `BarChart` component | -| barLabelColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Controls color of the bar label, by default the value is determined by the chart orientation | -| cursorFill | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Fill of hovered bar section, by default value is based on color scheme | -| data | yes | Record<string, any>[] | — | Data used to display chart. | -| dataKey | yes | string | — | Key of the `data` object for x-axis values | -| gridAxis | no | "none" | "x" | "y" | "xy" | "none", "x", "xy", "y" | Specifies which lines should be displayed in the grid, `'x'` by default | -| gridColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Color of the grid and cursor lines, by default depends on color scheme | -| gridProps | no | Omit<CartesianGridProps, "ref"> | — | Props passed down to the `CartesianGrid` component | -| legendProps | no | Omit<LegendProps, "ref"> | — | Props passed down to the `Legend` component | -| maxBarWidth | no | number | — | Maximum bar width in px | -| minBarSize | no | number | — | Sets minimum height of the bar in px | -| referenceLines | no | ChartReferenceLineProps[] | — | Reference lines that should be displayed on the chart | -| rightYAxisLabel | no | string | — | A label to display next to the right y-axis | -| rightYAxisProps | no | Omit<YAxisProps, "ref"> | — | Props passed down to the `YAxis` recharts component rendered on the right side | -| series | yes | BarChartSeries[] | — | An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array. | -| textColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Color of the text displayed inside the chart, `'dimmed'` by default | -| tickLine | no | "none" | "x" | "y" | "xy" | "none", "x", "xy", "y" | Specifies which axis should have tick line, `'y'` by default | -| tooltipAnimationDuration | no | number | — | Tooltip position animation duration in ms, `0` by default | -| tooltipProps | no | Omit<TooltipProps<any, any>, "ref"> | — | Props passed down to the `Tooltip` component | -| unit | no | string | — | Unit displayed next to each tick in y-axis | -| unstyled | no | false | true | false, true | — | -| withBarValueLabel | no | false | true | false, true | Determines whether a label with bar value should be displayed on top of each bar, incompatible with `type="stacked"` and `type="percent"` | -| withLegend | no | false | true | false, true | Determines whether chart legend should be displayed, `false` by default | -| withRightYAxis | no | false | true | false, true | Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default | -| withTooltip | no | false | true | false, true | Determines whether chart tooltip should be displayed, `true` by default | -| withXAxis | no | false | true | false, true | Determines whether x-axis should be displayed, `true` by default | -| withYAxis | no | false | true | false, true | Determines whether y-axis should be displayed, `true` by default | -| xAxisLabel | no | string | — | A label to display below the x-axis | -| xAxisProps | no | Omit<XAxisProps, "ref"> | — | Props passed down to the `XAxis` recharts component | -| yAxisLabel | no | string | — | A label to display next to the y-axis | -| yAxisProps | no | Omit<YAxisProps, "ref"> | — | Props passed down to the `YAxis` recharts component | - - -### `BarsList` - -- Safety: `wrapped` -- Category: `charts` -- Documentation: [upstream component API](https://mantine.dev/charts/bars-list/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a nearby text summary of the chart data. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; bar?: Record<string, any>; barLabel?: Record<string, any>; barValue?: Record<string, any>; labelsRow?: Record<...>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on background color | -| barColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Default bar background color, used when item does not have color specified | -| barGap | no | MantineSpacing | "lg", "md", "sm", "xl", "xs" | Controls gap between bars | -| barHeight | no | string | number | — | Bar height | -| barTextColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Bar text color, overrides autoContrast | -| barsLabel | no | string | — | Label displayed above the bars column | -| data | yes | BarsListBarData[] | — | Data for bars | -| minBarSize | no | string | number | — | Minimum bar width | -| unstyled | no | false | true | false, true | — | -| valueLabel | no | string | — | Label displayed above the values column | - - -### `BubbleChart` - -- Safety: `wrapped` -- Category: `charts` -- Documentation: [upstream component API](https://mantine.dev/charts/bubble-chart/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a nearby text summary of the chart data. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; tooltip?: Record<string, any>; axis?: Record<string, any>; } | — | — | -| data | yes | Record<string, any>[] | — | Chart data | -| dataKey | yes | BubbleChartDataKey | — | Data keys for x, y and z axis | -| gridColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Color of the grid and cursor lines, by default depends on color scheme | -| label | no | string | — | Chart label displayed next to the x axis | -| range | yes | [number, number] | — | Z axis range | -| scatterProps | no | Partial<Omit<ScatterProps, "ref">> | — | Props passed down to the `Scatter` component | -| textColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Color of the text displayed inside the chart | -| tooltipProps | no | Omit<TooltipProps<any, any>, "ref"> | — | Props passed down to the `Tooltip` component | -| unstyled | no | false | true | false, true | — | -| withTooltip | no | false | true | false, true | Determines whether the tooltip should be displayed | -| xAxisProps | no | Omit<XAxisProps, "ref"> | — | Props passed down to the `XAxis` recharts component | -| yAxisProps | no | Omit<YAxisProps, "ref"> | — | Props passed down to the `YAxis` recharts component | -| zAxisProps | no | Omit<ZAxisProps<any, any>, "ref"> | — | Props passed down to the `ZAxis` recharts component | - - -### `ChartLegend` - -- Safety: `wrapped` -- Category: `charts` -- Documentation: [upstream component API](https://mantine.dev/charts/chart-legend/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a nearby text summary of the chart data. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { legend?: Record<string, any>; legendItem?: Record<string, any>; legendItemColor?: Record<string, any>; legendItemName?: Record<...>; } | — | — | -| centered | no | false | true | false, true | Determines whether the legend should be centered | -| legendPosition | yes | "bottom" | "top" | "middle" | "bottom", "middle", "top" | Position of the legend relative to the chart, used to apply margin on the corresponding side | -| payload | no | readonly Record<string, any>[] | — | Chart data provided by recharts | -| series | no | ChartSeries[] | — | Data used for labels, only applicable for area charts: AreaChart, LineChart, BarChart | -| showColor | no | false | true | false, true | Determines whether color swatch should be shown next to the label | -| unstyled | no | false | true | false, true | — | - - -### `ChartTooltip` - -- Safety: `wrapped` -- Category: `charts` -- Documentation: [upstream component API](https://mantine.dev/charts/chart-tooltip/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a nearby text summary of the chart data. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { tooltip?: Record<string, any>; tooltipItem?: Record<string, any>; tooltipItemBody?: Record<string, any>; tooltipItemColor?: Record<...>; tooltipItemName?: Record<...>; tooltipItemData?: Record<...>; tooltipLabel?: Record<...>; tool... | — | — | -| label | no | React.ReactNode | — | Main tooltip label | -| payload | no | Record<string, any>[] | readonly Record<string, any>[] | — | Chart data provided by recharts | -| segmentId | no | string | number | — | Segment to display data for, identified by its index in the data array (preferred, isolates duplicate names) or by its name. Only applicable when `type="radial"`. If not set, all data is rendered. | -| series | no | ChartSeries[] | — | Chart series data, applicable only for `area` type | -| showColor | no | false | true | false, true | Determines whether the color swatch should be visible | -| unit | no | string | — | Data units, provided by parent component | -| unstyled | no | false | true | false, true | — | - - -### `CompositeChart` - -- Safety: `wrapped` -- Category: `charts` -- Documentation: [upstream component API](https://mantine.dev/charts/composite-chart/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a nearby text summary of the chart data. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| activeDotProps | no | MantineChartDotProps | — | Props passed down to all active dots. Ignored if `withDots={false}` is set. | -| attributes | no | { area?: Record<string, any>; legend?: Record<string, any>; line?: Record<string, any>; grid?: Record<string, any>; ... 16 more ...; tooltipBody?: Record<...>; } | — | — | -| composedChartProps | no | (CartesianChartProps<unknown> & { ref?: React.Ref<SVGSVGElement>; }) | — | Props passed down to recharts `AreaChart` component | -| connectNulls | no | false | true | false, true | Determines whether points with `null` values should be connected | -| curveType | no | "step" | "bump" | "linear" | "natural" | "monotone" | "stepBefore" | "stepAfter" | "bump", "linear", "monotone", "natural", "step", "stepAfter", "stepBefore" | Type of the curve | -| data | yes | Record<string, any>[] | — | Data used to display chart | -| dataKey | yes | string | — | Key of the `data` object for x-axis values | -| dotProps | no | MantineChartDotProps | — | Props passed down to all dots. Ignored if `withDots={false}` is set. | -| gridAxis | no | "none" | "x" | "y" | "xy" | "none", "x", "xy", "y" | Specifies which lines should be displayed in the grid, `'x'` by default | -| gridColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Color of the grid and cursor lines, by default depends on color scheme | -| gridProps | no | Omit<CartesianGridProps, "ref"> | — | Props passed down to the `CartesianGrid` component | -| legendProps | no | Omit<LegendProps, "ref"> | — | Props passed down to the `Legend` component | -| maxBarWidth | no | number | — | Maximum bar width in px | -| minBarSize | no | number | — | Sets minimum height of the bar in px | -| referenceLines | no | ChartReferenceLineProps[] | — | Reference lines that should be displayed on the chart | -| rightYAxisLabel | no | string | — | A label to display next to the right y-axis | -| rightYAxisProps | no | Omit<YAxisProps, "ref"> | — | Props passed down to the `YAxis` recharts component rendered on the right side | -| series | yes | CompositeChartSeries[] | — | An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array. | -| textColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Color of the text displayed inside the chart, `'dimmed'` by default | -| tickLine | no | "none" | "x" | "y" | "xy" | "none", "x", "xy", "y" | Specifies which axis should have tick line, `'y'` by default | -| tooltipAnimationDuration | no | number | — | Tooltip position animation duration in ms, `0` by default | -| tooltipProps | no | Omit<TooltipProps<any, any>, "ref"> | — | Props passed down to the `Tooltip` component | -| unit | no | string | — | Unit displayed next to each tick in y-axis | -| unstyled | no | false | true | false, true | — | -| withBarValueLabel | no | false | true | false, true | Determines whether a label with bar value should be displayed on top of each bar | -| withDots | no | false | true | false, true | Determines whether dots should be displayed | -| withLegend | no | false | true | false, true | Determines whether chart legend should be displayed, `false` by default | -| withPointLabels | no | false | true | false, true | Determines whether each point should have associated label | -| withRightYAxis | no | false | true | false, true | Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default | -| withTooltip | no | false | true | false, true | Determines whether chart tooltip should be displayed, `true` by default | -| withXAxis | no | false | true | false, true | Determines whether x-axis should be displayed, `true` by default | -| withYAxis | no | false | true | false, true | Determines whether y-axis should be displayed, `true` by default | -| xAxisLabel | no | string | — | A label to display below the x-axis | -| xAxisProps | no | Omit<XAxisProps, "ref"> | — | Props passed down to the `XAxis` recharts component | -| yAxisLabel | no | string | — | A label to display next to the y-axis | -| yAxisProps | no | Omit<YAxisProps, "ref"> | — | Props passed down to the `YAxis` recharts component | - - -### `DonutChart` - -- Safety: `wrapped` -- Category: `charts` -- Documentation: [upstream component API](https://mantine.dev/charts/donut-chart/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a nearby text summary of the chart data. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; legend?: Record<string, any>; root?: Record<string, any>; tooltip?: Record<string, any>; ... 9 more ...; tooltipBody?: Record<...>; } | — | — | -| chartLabel | no | string | number | — | Chart label, displayed in the center of the chart | -| data | yes | DonutChartCell[] | — | Data used to render chart | -| endAngle | no | number | — | Controls angle at which charts ends. Set to `0` to render the chart as semicircle. | -| labelColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Controls text color of all labels, by default depends on color scheme | -| labelsType | no | "value" | "name" | "percent" | "name", "percent", "value" | Type of labels to display, `'value'` by default | -| legendProps | no | Omit<LegendProps, "ref"> | — | Props passed down to recharts `Legend` component | -| paddingAngle | no | number | — | Controls padding between segments | -| pieChartProps | no | (PolarChartProps<unknown> & { ref?: React.Ref<SVGSVGElement>; }) | — | Props passed down to recharts `PieChart` component | -| pieProps | no | Partial<Omit<PieProps, "ref">> | — | Props passed down to recharts `Pie` component | -| startAngle | no | number | — | Controls angle at which chart starts. Set to `180` to render the chart as semicircle. | -| strokeColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Controls color of the segments stroke, by default depends on color scheme | -| thickness | no | number | — | Controls thickness of the chart segments | -| tooltipAnimationDuration | no | number | — | Tooltip animation duration in ms | -| tooltipDataSource | no | "all" | "segment" | "all", "segment" | Determines which data is displayed in the tooltip. `'all'` – display all values, `'segment'` – display only hovered segment. | -| tooltipProps | no | Omit<TooltipProps<any, any>, "ref"> | — | Props passed down to `Tooltip` recharts component | -| unstyled | no | false | true | false, true | — | -| withLabels | no | false | true | false, true | Determines whether each segment should have associated label | -| withLabelsLine | no | false | true | false, true | Determines whether segments labels should have lines that connect the segment with the label | -| withLegend | no | false | true | false, true | Determines whether the legend should be displayed | -| withTooltip | no | false | true | false, true | Determines whether the tooltip should be displayed when one of the section is hovered | - - -### `FunnelChart` - -- Safety: `wrapped` -- Category: `charts` -- Documentation: [upstream component API](https://mantine.dev/charts/funnel-chart/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a nearby text summary of the chart data. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { legend?: Record<string, any>; root?: Record<string, any>; tooltip?: Record<string, any>; legendItem?: Record<string, any>; ... 8 more ...; tooltipBody?: Record<...>; } | — | — | -| data | yes | FunnelChartCell[] | — | Data used to render chart | -| funnelChartProps | no | (CartesianChartProps<unknown> & { ref?: React.Ref<SVGSVGElement>; }) | — | Props passed down to recharts `FunnelChart` component | -| funnelProps | no | Partial<Omit<FunnelProps, "ref">> | — | Props passed down to recharts `Pie` component | -| labelColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Controls text color of all labels | -| labelsPosition | no | "left" | "right" | "inside" | "inside", "left", "right" | Controls labels position relative to the segment | -| legendProps | no | Omit<LegendProps, "ref"> | — | Props passed down to recharts `Legend` component | -| strokeColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Controls color of the segments stroke, by default depends on color scheme | -| tooltipAnimationDuration | no | number | — | Tooltip animation duration in ms | -| tooltipDataSource | no | "all" | "segment" | "all", "segment" | Determines which data is displayed in the tooltip. `'all'` – display all values, `'segment'` – display only hovered segment. | -| tooltipProps | no | Omit<TooltipProps<any, any>, "ref"> | — | Props passed down to `Tooltip` recharts component | -| unstyled | no | false | true | false, true | — | -| withLabels | no | false | true | false, true | Determines whether each segment should have associated label | -| withLegend | no | false | true | false, true | Determines whether the legend should be displayed | -| withTooltip | no | false | true | false, true | Determines whether the tooltip should be displayed when a section is hovered | - - -### `Heatmap` - -- Safety: `wrapped` -- Category: `charts` -- Documentation: [upstream component API](https://mantine.dev/charts/heatmap/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a nearby text summary of the chart data. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { legend?: Record<string, any>; rect?: Record<string, any>; root?: Record<string, any>; weekdayLabel?: Record<string, any>; monthLabel?: Record<...>; legendLabel?: Record<...>; legendRect?: Record<...>; } | — | — | -| colors | no | string[] | — | Colors array, used to calculate color for each value, by default 4 shades of green colors are used | -| data | yes | Record<string, number> | — | Heatmap data, key is date in `YYYY-MM-DD` format (interpreted as a UTC calendar day) | -| domain | no | [number, number] | — | Heatmap domain, array of 2 numbers, min and max values, calculated from data by default | -| endDate | no | string | Date | — | Heatmap end date. Current date by default. Date is normalized to UTC midnight of the intended calendar day. | -| firstDayOfWeek | no | 0 | 2 | 3 | 4 | 5 | 6 | 1 | 0, 1, 2, 3, 4, 5, 6 | First day of week, 0 – Sunday, 1 – Monday. | -| gap | no | number | — | Gap between rects in px | -| legendLabels | no | [string, string] | — | Legend labels, array of 2 elements: [min label, max label] | -| monthLabels | no | string[] | — | Month labels, array of 12 elements, can be used for localization | -| monthsLabelsHeight | no | number | — | Height of month labels row | -| rectRadius | no | number | — | Rect radius in px | -| rectSize | no | number | — | Size of day rect in px | -| splitMonths | no | false | true | false, true | If set, inserts a spacer column between months | -| startDate | no | string | Date | — | Heatmap start date. Current date - 1 year by default. Date is normalized to UTC midnight of the intended calendar day. | -| tooltipProps | no | Partial<TooltipFloatingProps> | — | Props passed down to the `Tooltip.Floating` component | -| unstyled | no | false | true | false, true | — | -| weekdayLabels | no | string[] | — | Weekday labels, array of 7 elements, can be used for localization | -| weekdaysLabelsWidth | no | number | — | Width of weekday labels column | -| withLegend | no | false | true | false, true | If set, legend with color levels is displayed below the heatmap | -| withMonthLabels | no | false | true | false, true | If set, month labels are displayed | -| withOutsideDates | no | false | true | false, true | If set, trailing dates that do not fall into the given `startDate` – `endDate` range are displayed to fill empty space. | -| withTooltip | no | false | true | false, true | If set, tooltip is displayed on rect hover | -| withWeekdayLabels | no | false | true | false, true | If set, weekday labels are displayed | - - -### `LineChart` - -- Safety: `wrapped` -- Category: `charts` -- Documentation: [upstream component API](https://mantine.dev/charts/line-chart/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a nearby text summary of the chart data. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| activeDotProps | no | MantineChartDotProps | — | Props passed down to all active dots. Ignored if `withDots={false}` is set. | -| attributes | no | { legend?: Record<string, any>; line?: Record<string, any>; grid?: Record<string, any>; root?: Record<string, any>; ... 14 more ...; tooltipBody?: Record<...>; } | — | — | -| connectNulls | no | false | true | false, true | Determines whether points with `null` values should be connected | -| curveType | no | "step" | "bump" | "linear" | "natural" | "monotone" | "stepBefore" | "stepAfter" | "bump", "linear", "monotone", "natural", "step", "stepAfter", "stepBefore" | Type of the curve | -| data | yes | Record<string, any>[] | — | Data used to display chart | -| dataKey | yes | string | — | Key of the `data` object for x-axis values | -| dotProps | no | MantineChartDotProps | — | Props passed down to all dots. Ignored if `withDots={false}` is set. | -| gradientStops | no | LineChartGradientStop[] | — | Data used to generate gradient stops | -| gridAxis | no | "none" | "x" | "y" | "xy" | "none", "x", "xy", "y" | Specifies which lines should be displayed in the grid, `'x'` by default | -| gridColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Color of the grid and cursor lines, by default depends on color scheme | -| gridProps | no | Omit<CartesianGridProps, "ref"> | — | Props passed down to the `CartesianGrid` component | -| legendProps | no | Omit<LegendProps, "ref"> | — | Props passed down to the `Legend` component | -| lineChartProps | no | (CartesianChartProps<unknown> & { ref?: React.Ref<SVGSVGElement>; }) | — | Props passed down to recharts `LineChart` component | -| referenceLines | no | ChartReferenceLineProps[] | — | Reference lines that should be displayed on the chart | -| rightYAxisLabel | no | string | — | A label to display next to the right y-axis | -| rightYAxisProps | no | Omit<YAxisProps, "ref"> | — | Props passed down to the `YAxis` recharts component rendered on the right side | -| series | yes | LineChartSeries[] | — | An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array. | -| textColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Color of the text displayed inside the chart, `'dimmed'` by default | -| tickLine | no | "none" | "x" | "y" | "xy" | "none", "x", "xy", "y" | Specifies which axis should have tick line, `'y'` by default | -| tooltipAnimationDuration | no | number | — | Tooltip position animation duration in ms, `0` by default | -| tooltipProps | no | Omit<TooltipProps<any, any>, "ref"> | — | Props passed down to the `Tooltip` component | -| unit | no | string | — | Unit displayed next to each tick in y-axis | -| unstyled | no | false | true | false, true | — | -| withDots | no | false | true | false, true | Determines whether dots should be displayed | -| withLegend | no | false | true | false, true | Determines whether chart legend should be displayed, `false` by default | -| withPointLabels | no | false | true | false, true | Determines whether each point should have associated label | -| withRightYAxis | no | false | true | false, true | Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default | -| withTooltip | no | false | true | false, true | Determines whether chart tooltip should be displayed, `true` by default | -| withXAxis | no | false | true | false, true | Determines whether x-axis should be displayed, `true` by default | -| withYAxis | no | false | true | false, true | Determines whether y-axis should be displayed, `true` by default | -| xAxisLabel | no | string | — | A label to display below the x-axis | -| xAxisProps | no | Omit<XAxisProps, "ref"> | — | Props passed down to the `XAxis` recharts component | -| yAxisLabel | no | string | — | A label to display next to the y-axis | -| yAxisProps | no | Omit<YAxisProps, "ref"> | — | Props passed down to the `YAxis` recharts component | - - -### `PieChart` - -- Safety: `wrapped` -- Category: `charts` -- Documentation: [upstream component API](https://mantine.dev/charts/pie-chart/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a nearby text summary of the chart data. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { legend?: Record<string, any>; root?: Record<string, any>; tooltip?: Record<string, any>; legendItem?: Record<string, any>; ... 8 more ...; tooltipBody?: Record<...>; } | — | — | -| data | yes | PieChartCell[] | — | Data used to render chart | -| endAngle | no | number | — | Controls angle at which charts ends. Set to `0` to render the chart as semicircle. | -| labelColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Controls text color of all labels, white by default | -| labelsPosition | no | "inside" | "outside" | "inside", "outside" | Controls labels position relative to the segment | -| labelsType | no | "value" | "name" | "percent" | "name", "percent", "value" | Type of labels to display | -| legendProps | no | Omit<LegendProps, "ref"> | — | Props passed down to recharts `Legend` component | -| paddingAngle | no | number | — | Controls padding between segments | -| pieChartProps | no | (PolarChartProps<unknown> & { ref?: React.Ref<SVGSVGElement>; }) | — | Props passed down to recharts `PieChart` component | -| pieProps | no | Partial<Omit<PieProps, "ref">> | — | Props passed down to recharts `Pie` component | -| startAngle | no | number | — | Controls angle at which chart starts. Set to `180` to render the chart as semicircle. | -| strokeColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Controls color of the segments stroke, by default depends on color scheme | -| tooltipAnimationDuration | no | number | — | Tooltip animation duration in ms | -| tooltipDataSource | no | "all" | "segment" | "all", "segment" | Determines which data is displayed in the tooltip. `'all'` – display all values, `'segment'` – display only hovered segment. | -| tooltipProps | no | Omit<TooltipProps<any, any>, "ref"> | — | Props passed down to `Tooltip` recharts component | -| unstyled | no | false | true | false, true | — | -| withLabels | no | false | true | false, true | Determines whether each segment should have associated label | -| withLabelsLine | no | false | true | false, true | Determines whether segments labels should have lines that connect the segment with the label | -| withLegend | no | false | true | false, true | Determines whether the legend should be displayed | -| withTooltip | no | false | true | false, true | Determines whether the tooltip should be displayed when one of the section is hovered | - - -### `RadarChart` - -- Safety: `wrapped` -- Category: `charts` -- Documentation: [upstream component API](https://mantine.dev/charts/radar-chart/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a nearby text summary of the chart data. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| activeDotProps | no | MantineChartDotProps | — | Props passed down to all active dots. Ignored if `withDots={false}` is set. | -| attributes | no | { legend?: Record<string, any>; root?: Record<string, any>; tooltip?: Record<string, any>; container?: Record<string, any>; ... 9 more ...; tooltipBody?: Record<...>; } | — | — | -| data | yes | Record<string, any>[] | — | Data used in the chart | -| dataKey | yes | string | — | Key of the `data` object for axis values | -| dotProps | no | MantineChartDotProps | — | Props passed down to all dots. Ignored if `withDots={false}` is set. | -| gridColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Controls color of the grid lines. By default, color depends on the color scheme. | -| legendProps | no | Omit<LegendProps, "ref"> | — | Props passed down to recharts Legend component | -| polarAngleAxisProps | no | Omit<PolarAngleAxisProps, "ref"> | — | Props passed down to recharts PolarAngleAxis component | -| polarGridProps | no | Omit<PolarGridProps, "ref"> | — | Props passed down to recharts PolarGrid component | -| polarRadiusAxisProps | no | Omit<PolarRadiusAxisProps, "ref"> | — | Props passed down to recharts PolarRadiusAxis component | -| radarChartProps | no | (PolarChartProps<unknown> & { ref?: React.Ref<SVGSVGElement>; }) | — | Props passed down to recharts RadarChart component | -| series | yes | RadarChartSeries[] | — | Determines which data should be consumed from the `data` array. | -| textColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Controls color of all text elements. By default, color depends on the color scheme. | -| tooltipAnimationDuration | no | number | — | Tooltip position animation duration in ms | -| tooltipProps | no | Omit<TooltipProps<any, any>, "ref"> | — | Props passed down to recharts Tooltip component | -| unstyled | no | false | true | false, true | — | -| withDots | no | false | true | false, true | Determines whether dots should be displayed | -| withLegend | no | false | true | false, true | Determines whether the legend should be displayed | -| withPolarAngleAxis | no | false | true | false, true | Determines whether PolarAngleAxis component should be displayed | -| withPolarGrid | no | false | true | false, true | Determines whether PolarGrid component should be displayed | -| withPolarRadiusAxis | no | false | true | false, true | Determines whether PolarRadiusAxisProps component should be displayed | -| withTooltip | no | false | true | false, true | Determines whether Tooltip component should be displayed | - - -### `RadialBarChart` - -- Safety: `wrapped` -- Category: `charts` -- Documentation: [upstream component API](https://mantine.dev/charts/radial-bar-chart/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a nearby text summary of the chart data. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { legend?: Record<string, any>; root?: Record<string, any>; tooltip?: Record<string, any>; legendItem?: Record<string, any>; legendItemColor?: Record<...>; legendItemName?: Record<...>; } | — | — | -| barSize | no | number | — | Size of bars in px, `20` by default | -| data | yes | Record<string, any>[] | — | Chart data | -| dataKey | yes | string | — | Key from data object to use as data key | -| emptyBackgroundColor | no | string | — | Color of the empty background, by default depends on the color scheme | -| endAngle | no | number | — | Angle at which chart ends | -| legendProps | no | Omit<LegendProps, "ref"> | — | Props passed down to recharts Legend component | -| radialBarChartProps | no | (PolarChartProps<unknown> & { ref?: React.Ref<SVGSVGElement>; }) | — | Props passed down to recharts RadarChartChart component | -| radialBarProps | no | Omit<RadialBarProps, "ref"> | — | Props passed down to recharts RadialBar component | -| startAngle | no | number | — | Angle at which chart starts | -| tooltipProps | no | Omit<TooltipProps<any, any>, "ref"> | — | Props passed down to `Tooltip` recharts component | -| unstyled | no | false | true | false, true | — | -| withBackground | no | false | true | false, true | Determines whether empty bars area should be visible | -| withLabels | no | false | true | false, true | Determines whether labels should be displayed | -| withLegend | no | false | true | false, true | Determines whether the legend should be displayed | -| withTooltip | no | false | true | false, true | Determines whether the tooltip should be displayed when one of the bars is hovered | - - -### `SankeyChart` - -- Safety: `wrapped` -- Category: `charts` -- Documentation: [upstream component API](https://mantine.dev/charts/sankey-chart/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a nearby text summary of the chart data. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; tooltip?: Record<string, any>; tooltipItem?: Record<string, any>; tooltipItemBody?: Record<...>; ... 4 more ...; tooltipBody?: Record<...>; } | — | — | -| colors | no | DefaultMantineColor[] | — | An array of colors used for nodes when no `color` is set on individual nodes | -| data | yes | SankeyChartData | — | Data used to render chart, must include `nodes` and `links` arrays | -| iterations | no | number | — | The number of relaxation iterations | -| linkColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Default color for links, by default depends on color scheme | -| linkCurvature | no | number | — | The curvature of links between nodes | -| linkOpacity | no | number | — | Opacity of the link fill | -| nodeColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Default color for nodes, by default depends on color scheme | -| nodePadding | no | number | — | The padding between nodes | -| nodeWidth | no | number | — | The width of each node | -| sankeyProps | no | Partial<Omit<RechartsSankeyProps, "data" | "ref">> | — | Props passed down to recharts `Sankey` component | -| textColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Controls text color of labels | -| tooltipAnimationDuration | no | number | — | Tooltip animation duration in ms | -| tooltipProps | no | Omit<TooltipProps<any, any>, "ref"> | — | Props passed down to `Tooltip` recharts component | -| unstyled | no | false | true | false, true | — | -| withTooltip | no | false | true | false, true | Determines whether the tooltip should be displayed when hovered | - - -### `ScatterChart` - -- Safety: `wrapped` -- Category: `charts` -- Documentation: [upstream component API](https://mantine.dev/charts/scatter-chart/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a nearby text summary of the chart data. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { legend?: Record<string, any>; grid?: Record<string, any>; root?: Record<string, any>; tooltip?: Record<string, any>; ... 14 more ...; scatter?: Record<...>; } | — | — | -| data | yes | ScatterChartSeries[] | — | Data that is used to build the chart | -| dataKey | yes | { x: string; y: string; } | — | Keys that should be used to retrieve data from the data array on x and y axis | -| gridAxis | no | "none" | "x" | "y" | "xy" | "none", "x", "xy", "y" | Specifies which lines should be displayed in the grid, `'x'` by default | -| gridColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Color of the grid and cursor lines, by default depends on color scheme | -| gridProps | no | Omit<CartesianGridProps, "ref"> | — | Props passed down to the `CartesianGrid` component | -| labels | no | { x?: string; y?: string; } | — | Labels that should be used instead of keys names in the tooltip | -| legendProps | no | Omit<LegendProps, "ref"> | — | Props passed down to the `Legend` component | -| pointLabels | no | "x" | "y" | "x", "y" | If set, displays labels next to points for the given axis | -| referenceLines | no | ChartReferenceLineProps[] | — | Reference lines that should be displayed on the chart | -| rightYAxisLabel | no | string | — | A label to display next to the right y-axis | -| rightYAxisProps | no | Omit<YAxisProps, "ref"> | — | Props passed down to the `YAxis` recharts component rendered on the right side | -| scatterChartProps | no | (CartesianChartProps<unknown> & { ref?: React.Ref<SVGSVGElement>; }) | — | Props passed down to recharts `ScatterChart` component | -| scatterProps | no | Partial<Omit<ScatterProps, "ref">> | — | Props passed down to recharts `Scatter` component | -| textColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Color of the text displayed inside the chart, `'dimmed'` by default | -| tickLine | no | "none" | "x" | "y" | "xy" | "none", "x", "xy", "y" | Specifies which axis should have tick line, `'y'` by default | -| tooltipAnimationDuration | no | number | — | Tooltip position animation duration in ms, `0` by default | -| tooltipProps | no | Omit<TooltipProps<any, any>, "ref"> | — | Props passed down to the `Tooltip` component | -| unit | no | { x?: string; y?: string; } | — | Units displayed after value on axis and inside the tooltip | -| unstyled | no | false | true | false, true | — | -| withLegend | no | false | true | false, true | Determines whether chart legend should be displayed, `false` by default | -| withRightYAxis | no | false | true | false, true | Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default | -| withTooltip | no | false | true | false, true | Determines whether chart tooltip should be displayed, `true` by default | -| withXAxis | no | false | true | false, true | Determines whether x-axis should be displayed, `true` by default | -| withYAxis | no | false | true | false, true | Determines whether y-axis should be displayed, `true` by default | -| xAxisLabel | no | string | — | A label to display below the x-axis | -| xAxisProps | no | Omit<XAxisProps, "ref"> | — | Props passed down to the `XAxis` recharts component | -| yAxisLabel | no | string | — | A label to display next to the y-axis | -| yAxisProps | no | Omit<YAxisProps, "ref"> | — | Props passed down to the `YAxis` recharts component | - - -### `Sparkline` - -- Safety: `wrapped` -- Category: `charts` -- Documentation: [upstream component API](https://mantine.dev/charts/sparkline/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a nearby text summary of the chart data. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| areaProps | no | Omit<AreaProps<any, any>, "data" | "ref" | "dataKey"> | — | Props passed down to the underlying recharts `Area` component | -| attributes | no | { root?: Record<string, any>; } | — | — | -| connectNulls | no | false | true | false, true | Determines whether null values should be connected with other values | -| curveType | no | "step" | "bump" | "linear" | "natural" | "monotone" | "stepBefore" | "stepAfter" | "bump", "linear", "monotone", "natural", "step", "stepAfter", "stepBefore" | Type of the curve | -| data | yes | (number | null)[] | — | Data used to render the chart | -| trendColors | no | SparklineTrendColors | — | If set, `color` prop is ignored and chart color is determined by the difference between first and last value. | -| unstyled | no | false | true | false, true | — | -| withGradient | no | false | true | false, true | Determines whether the chart fill should be a gradient | - - -### `Treemap` - -- Safety: `wrapped` -- Category: `charts` -- Documentation: [upstream component API](https://mantine.dev/charts/treemap/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a nearby text summary of the chart data. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| aspectRatio | no | number | — | The treemap will try to keep every single rectangle's aspect ratio near the aspectRatio given | -| attributes | no | { root?: Record<string, any>; tooltip?: Record<string, any>; tooltipItem?: Record<string, any>; tooltipItemBody?: Record<...>; ... 4 more ...; tooltipBody?: Record<...>; } | — | — | -| autoContrast | no | false | true | false, true | Determines whether text color should be adjusted based on background color to improve contrast | -| data | yes | TreemapData[] | — | Data used to render chart | -| dataKey | no | string | — | Key in data object for the value | -| strokeColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Controls color of the node stroke, by default depends on color scheme | -| textColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Controls text color of labels | -| tooltipAnimationDuration | no | number | — | Tooltip animation duration in ms | -| tooltipProps | no | Omit<TooltipProps<any, any>, "ref"> | — | Props passed down to `Tooltip` recharts component | -| treemapProps | no | Partial<Omit<RechartsTreemapProps<TreemapDataType, any>, "data" | "ref" | "dataKey">> | — | Props passed down to recharts `Treemap` component | -| unstyled | no | false | true | false, true | — | -| withTooltip | no | false | true | false, true | Determines whether the tooltip should be displayed when a node is hovered | +The upstream source is https://mantine.dev/llms.txt. Follow its `## Charts` links for current component documentation. Homarr's live component catalog remains authoritative for the installed component names and blocked capabilities. diff --git a/.agents/skills/homarr-custom-widget/references/mantine-core.md b/.agents/skills/homarr-custom-widget/references/mantine-core.md index 31a201a46..5b4b45970 100644 --- a/.agents/skills/homarr-custom-widget/references/mantine-core.md +++ b/.agents/skills/homarr-custom-widget/references/mantine-core.md @@ -1,8478 +1,470 @@ -# Mantine Core - -> Generated from `component-catalog-v1.json`. Catalog schema v1 · Custom Widget 2.0.0 · Mantine 9.4.1. Do not edit this file by hand. - -Package: `@mantine/core`. Effective props combine the [shared prop API](components.md#shared-prop-api) with each component's specific props below. Component-specific records override shared records with the same name. - -## Package guidance - -Use declarative props and `bind` adapters instead of event callbacks. Homarr scopes supported overlays to the widget root. Use Homarr's `RecursiveList` when a tree needs a custom arbitrary-depth node template. - -## Enabled inventory - -Accordion, Accordion.Chevron, Accordion.Control, Accordion.Item, Accordion.Panel, AccordionChevron, AccordionControl, AccordionItem, AccordionPanel, ActionIcon, ActionIcon.Group, ActionIcon.GroupSection, ActionIconGroup, ActionIconGroupSection, Alert, AlphaSlider, Anchor, AngleSlider, AspectRatio, Autocomplete, Avatar, Avatar.Group, AvatarGroup, BackgroundImage, Badge, Blockquote, Box, Breadcrumbs, Burger, Button, Button.Group, Button.GroupSection, ButtonGroup, ButtonGroupSection, Card, Card.Section, CardSection, Center, CheckIcon, Checkbox, Checkbox.Card, Checkbox.Group, Checkbox.Indicator, CheckboxCard, CheckboxGroup, CheckboxIndicator, Chip, Chip.Group, ChipGroup, CloseButton, CloseIcon, Code, Collapse, ColorInput, ColorPicker, ColorSwatch, Container, CopyButton, DataList, DataList.Item, DataList.ItemLabel, DataList.ItemValue, DataListItem, DataListItemLabel, DataListItemValue, Divider, EmptyState, EmptyState.Actions, EmptyState.Description, EmptyState.Indicator, EmptyState.Title, EmptyStateActions, EmptyStateDescription, EmptyStateIndicator, EmptyStateTitle, Fieldset, FlatTreeNode, Flex, FloatingArrow, FloatingIndicator, Grid, Grid.Col, GridCol, Group, Highlight, HoverCard, HoverCard.Dropdown, HoverCard.Group, HoverCard.Target, HoverCardDropdown, HoverCardGroup, HoverCardTarget, HueSlider, Image, Indicator, JsonInput, Kbd, List, List.Item, ListItem, Loader, LoadingOverlay, Mark, Marquee, MaskInput, Menu, Menu.CheckboxGroup, Menu.CheckboxItem, Menu.ContextMenu, Menu.Divider, Menu.Dropdown, Menu.Item, Menu.Label, Menu.RadioGroup, Menu.RadioItem, Menu.Search, Menu.Sub, Menu.Target, MenuCheckboxGroup, MenuCheckboxItem, MenuContextMenu, MenuDivider, MenuDropdown, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSearch, MenuSub, MenuSub.Dropdown, MenuSub.Item, MenuSub.Target, MenuSubDropdown, MenuSubItem, MenuSubTarget, MenuTarget, MultiSelect, NativeScrollArea, NativeSelect, NavLink, Notification, NumberFormatter, NumberInput, OverflowList, Overlay, Pagination, Pagination.Control, Pagination.Dots, Pagination.First, Pagination.Items, Pagination.Label, Pagination.Last, Pagination.Next, Pagination.Previous, Pagination.Root, PaginationControl, PaginationDots, PaginationFirst, PaginationItems, PaginationLabel, PaginationLast, PaginationNext, PaginationPrevious, PaginationRoot, Paper, PasswordInput, Pill, Pill.Group, PillGroup, PinInput, Popover, Popover.ContextMenu, Popover.Dropdown, Popover.Target, PopoverContextMenu, PopoverDropdown, PopoverTarget, Progress, Progress.Label, Progress.Root, Progress.Section, ProgressLabel, ProgressRoot, ProgressSection, Radio, Radio.Card, Radio.Group, Radio.Indicator, RadioCard, RadioGroup, RadioIcon, RadioIndicator, RangeSlider, Rating, RingProgress, RollingNumber, ScrollArea, ScrollArea.Autosize, ScrollAreaAutosize, Scroller, SegmentedControl, Select, SemiCircleProgress, SimpleGrid, Skeleton, Slider, Space, Splitter, Splitter.Pane, SplitterPane, Spoiler, Stack, Stepper, Stepper.Completed, Stepper.Step, StepperCompleted, StepperStep, Switch, Switch.Group, SwitchGroup, Table, Table.Caption, Table.DataRenderer, Table.ScrollContainer, Table.Tbody, Table.Td, Table.Tfoot, Table.Th, Table.Thead, Table.Tr, TableCaption, TableScrollContainer, TableTbody, TableTd, TableTfoot, TableTh, TableThead, TableTr, Tabs, Tabs.List, Tabs.Panel, Tabs.Tab, TabsList, TabsPanel, TabsTab, TagsInput, Text, TextInput, Textarea, ThemeIcon, Timeline, Timeline.Item, TimelineItem, Title, Tooltip, Tooltip.Floating, Tooltip.Group, TooltipFloating, TooltipGroup, Tree, TreeSelect, TreeSelectOption, Typography, UnstyledButton, VisuallyHidden - -## Denied inventory - -Affix, AppShell, AppShell.Aside, AppShell.Footer, AppShell.Header, AppShell.Main, AppShell.Navbar, AppShell.Section, AppShellAside, AppShellFooter, AppShellHeader, AppShellMain, AppShellNavbar, AppShellSection, ColorSchemeScript, Combobox, Combobox.Chevron, Combobox.ClearButton, Combobox.Dropdown, Combobox.DropdownTarget, Combobox.Empty, Combobox.EventsTarget, Combobox.Footer, Combobox.Group, Combobox.Header, Combobox.HiddenInput, Combobox.Option, Combobox.Options, Combobox.Search, Combobox.Target, ComboboxChevron, ComboboxClearButton, ComboboxDropdown, ComboboxDropdownTarget, ComboboxEmpty, ComboboxEventsTarget, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxHiddenInput, ComboboxOption, ComboboxOptions, ComboboxPopover, ComboboxPopover.Target, ComboboxPopoverTarget, ComboboxSearch, ComboboxTarget, Dialog, DirectionProvider, Drawer, Drawer.Body, Drawer.CloseButton, Drawer.Content, Drawer.Header, Drawer.Overlay, Drawer.Root, Drawer.Stack, Drawer.Title, DrawerBody, DrawerCloseButton, DrawerContent, DrawerHeader, DrawerOverlay, DrawerRoot, DrawerStack, DrawerTitle, FileButton, FileInput, FloatingWindow, FocusTrap, FocusTrap.InitialFocus, FocusTrapInitialFocus, HeadlessMantineProvider, InlineStyles, Input, Input.ClearButton, Input.Description, Input.Error, Input.Label, Input.Placeholder, Input.Success, Input.Wrapper, InputBase, InputClearButton, InputClearSection, InputDescription, InputError, InputLabel, InputPlaceholder, InputSuccess, InputWrapper, MantineProvider, MantineThemeProvider, Menubar, Menubar.Dropdown, Menubar.Menu, Menubar.Target, MenubarDropdown, MenubarMenu, MenubarTarget, Modal, Modal.Body, Modal.CloseButton, Modal.Content, Modal.Header, Modal.Overlay, Modal.Root, Modal.Stack, Modal.Title, ModalBase, ModalBaseBody, ModalBaseCloseButton, ModalBaseContent, ModalBaseHeader, ModalBaseOverlay, ModalBaseTitle, ModalBody, ModalCloseButton, ModalContent, ModalHeader, ModalOverlay, ModalRoot, ModalStack, ModalTitle, OptionalPortal, OptionsDropdown, PillsInput, PillsInput.Field, PillsInputField, Portal, RemoveScroll, TableOfContents, Transition - -## Component records - - -### `Accordion` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/accordion/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.`; becomes `string[]` when `multiple` is true -- Subcomponents: Accordion.Chevron, Accordion.Control, Accordion.Item, Accordion.Panel -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; content?: Record<string, any>; root?: Record<string, any>; item?: Record<string, any>; ... 4 more ...; control?: Record<...>; } | — | — | -| chevron | no | React.ReactNode | — | Custom chevron icon | -| chevronIconSize | no | string | number | — | Size of the default chevron icon. Ignored when `chevron` prop is set. Use `chevronSize` instead when using custom chevron. | -| chevronPosition | no | "left" | "right" | "left", "right" | Position of the chevron relative to the item label | -| chevronSize | no | string | number | — | Size of the chevron icon container | -| disableChevronRotation | no | false | true | false, true | If set, chevron rotation is disabled | -| keepMounted | no | false | true | false, true | If set to `false`, panels are unmounted when collapsed. By default, panels stay mounted when collapsed. | -| loop | no | false | true | false, true | If set, arrow keys loop through items (first to last and last to first) | -| transitionDuration | no | number | — | Transition duration in ms | -| unstyled | no | false | true | false, true | — | - - -### `Accordion.Chevron` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/accordion/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Accordion.Control` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/accordion/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| chevron | no | React.ReactNode | — | Custom chevron icon | -| icon | no | React.ReactNode | — | Icon displayed next to the label | - - -### `Accordion.Item` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/accordion/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Accordion.Panel` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/accordion/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| keepMounted | no | false | true | false, true | If set, overrides the Accordion-level `keepMounted` value. When undefined (default), uses Accordion's `keepMounted` setting. | - - -### `AccordionChevron` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/accordion-chevron/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `AccordionControl` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/accordion-control/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| chevron | no | React.ReactNode | — | Custom chevron icon | -| icon | no | React.ReactNode | — | Icon displayed next to the label | - - -### `AccordionItem` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/accordion-item/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `AccordionPanel` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/accordion-panel/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| keepMounted | no | false | true | false, true | If set, overrides the Accordion-level `keepMounted` value. When undefined (default), uses Accordion's `keepMounted` setting. | - - -### `ActionIcon` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/action-icon/) -- Temporary bind: not available -- Subcomponents: ActionIcon.Group, ActionIcon.GroupSection -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; icon?: Record<string, any>; loader?: Record<string, any>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on background color for `filled` variant | -| data-disabled | no | false | true | false, true | — | -| gradient | no | MantineGradient | — | Gradient values used with `variant="gradient"`. | -| loaderProps | no | LoaderProps | — | Props passed down to the `Loader` component. Ignored when `loading` prop is not set. | -| loading | no | false | true | false, true | If set, `Loader` component is displayed instead of the `children` | -| unstyled | no | false | true | false, true | — | - - -### `ActionIcon.Group` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/action-icon/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { group?: Record<string, any>; } | — | — | -| borderWidth | no | string | number | — | `border-width` of the child components. | -| unstyled | no | false | true | false, true | — | - - -### `ActionIcon.GroupSection` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/action-icon/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { groupSection?: Record<string, any>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on background color for `filled` variant | -| gradient | no | MantineGradient | — | Gradient values used with `variant="gradient"`. | -| unstyled | no | false | true | false, true | — | - - -### `ActionIconGroup` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/action-icon-group/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { group?: Record<string, any>; } | — | — | -| borderWidth | no | string | number | — | `border-width` of the child components. | -| unstyled | no | false | true | false, true | — | - - -### `ActionIconGroupSection` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/action-icon-group-section/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { groupSection?: Record<string, any>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on background color for `filled` variant | -| gradient | no | MantineGradient | — | Gradient values used with `variant="gradient"`. | -| unstyled | no | false | true | false, true | — | - - -### `Affix` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/affix/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes the widget layout boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Alert` - -- Safety: `wrapped` -- Category: `feedback` -- Documentation: [upstream component API](https://mantine.dev/core/alert/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Do not rely on color alone to communicate status. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { body?: Record<string, any>; label?: Record<string, any>; title?: Record<string, any>; root?: Record<string, any>; icon?: Record<...>; wrapper?: Record<...>; message?: Record<...>; closeButton?: Record<...>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on background color for `filled` variant | -| closeButtonLabel | no | string | — | Close button `aria-label` | -| icon | no | React.ReactNode | — | Icon displayed next to the title | -| unstyled | no | false | true | false, true | — | -| withCloseButton | no | false | true | false, true | Determines whether close button should be displayed | - - -### `AlphaSlider` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/alpha-slider/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { slider?: Record<string, any>; sliderOverlay?: Record<string, any>; thumb?: Record<string, any>; } | — | — | -| unstyled | no | false | true | false, true | — | - - -### `Anchor` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/anchor/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| gradient | no | MantineGradient | — | Gradient configuration, ignored when `variant` is not `gradient` | -| inherit | no | false | true | false, true | Determines whether font properties should be inherited from the parent | -| inline | no | false | true | false, true | Sets `line-height` to 1 for centering | -| lineClamp | no | number | — | Number of lines after which Text will be truncated | -| textWrap | no | "wrap" | "nowrap" | "balance" | "pretty" | "stable" | "balance", "nowrap", "pretty", "stable", "wrap" | Controls `text-wrap` CSS property | -| truncate | no | false | true | "end" | "start" | "end", false, "start", true | Side on which Text must be truncated, if `true`, text is truncated from the start | -| underline | no | "always" | "hover" | "not-hover" | "never" | "always", "hover", "never", "not-hover" | Defines when `text-decoration: underline` styles are applied. | -| unstyled | no | false | true | false, true | — | - - -### `AngleSlider` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/angle-slider/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; mark?: Record<string, any>; root?: Record<string, any>; thumb?: Record<string, any>; marks?: Record<...>; } | — | — | -| hiddenInputProps | no | React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | — | Props passed down to the hidden input | -| marks | no | { value: number; label?: string; }[] | — | Array of marks displayed on the slider | -| restrictToMarks | no | false | true | false, true | If set, the selection is allowed only from the given marks array | -| thumbSize | no | number | — | Size of the thumb in px. Calculated based on the `size` value by default. | -| unstyled | no | false | true | false, true | — | -| withLabel | no | false | true | false, true | If set, the label is displayed inside the slider | - - -### `AppShell` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/app-shell/) -- Temporary bind: not available -- Subcomponents: AppShell.Aside, AppShell.Footer, AppShell.Header, AppShell.Main, AppShell.Navbar, AppShell.Section -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `AppShell.Aside` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/app-shell/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `AppShell.Footer` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/app-shell/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `AppShell.Header` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/app-shell/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `AppShell.Main` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/app-shell/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `AppShell.Navbar` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/app-shell/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `AppShell.Section` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/app-shell/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `AppShellAside` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/app-shell-aside/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `AppShellFooter` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/app-shell-footer/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `AppShellHeader` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/app-shell-header/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `AppShellMain` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/app-shell-main/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `AppShellNavbar` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/app-shell-navbar/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `AppShellSection` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/app-shell-section/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `AspectRatio` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/aspect-ratio/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| ratio | no | number | — | Aspect ratio, for example, `16 / 9`, `4 / 3`, `1920 / 1080` | -| unstyled | no | false | true | false, true | — | - - -### `Autocomplete` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/autocomplete/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; option?: Record<string, any>; section?: Record<string, any>; ... 11 more ...; groupLabel?: Record<...>; } | — | — | -| autoSelectOnBlur | no | false | true | false, true | If set, the highlighted option is selected when the input loses focus | -| clearButtonProps | no | InputClearButtonProps | — | Props passed down to the clear button | -| clearSectionMode | no | "both" | "rightSection" | "clear" | "both", "clear", "rightSection" | Determines how the clear button and rightSection are rendered | -| clearable | no | false | true | false, true | If set, the clear button is displayed when the component has a value | -| comboboxProps | no | ComboboxProps | — | Props passed down to `Combobox` component | -| data | no | ComboboxGenericData | — | Data used to display options. Values must be unique. | -| defaultDropdownOpened | no | false | true | false, true | Uncontrolled dropdown initial opened state | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| dropdownOpened | no | false | true | false, true | Controlled dropdown opened state | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| floatingHeight | no | "viewport" | "viewport" | If set to `'viewport'`, the dropdown grows to fill the available vertical space in the viewport. Disables the `flip` middleware. | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| limit | no | number | — | Maximum number of options displayed at a time, `Infinity` by default | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| maxDropdownHeight | no | string | number | — | `max-height` of the dropdown, only applicable when `withScrollArea` prop is `true`, `250` by default | -| openOnFocus | no | false | true | false, true | If set, the dropdown opens when the input receives focus | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| scrollAreaProps | no | ScrollAreaProps | — | Props passed to the underlying `ScrollArea` component in the dropdown | -| selectFirstOptionOnChange | no | false | true | false, true | If set, the first option is selected when value changes, `false` by default | -| selectFirstOptionOnDropdownOpen | no | false | true | false, true | If set, the first option is selected when dropdown opens, `false` by default | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withScrollArea | no | false | true | false, true | Determines whether the options should be wrapped with `ScrollArea.AutoSize`, `true` by default | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | - - -### `Avatar` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/avatar/) -- Temporary bind: not available -- Subcomponents: Avatar.Group -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| allowedInitialsColors | no | DefaultMantineColor[] | — | A list of colors that is used for autogenerated initials. By default, all default Mantine colors can be used except gray and dark. | -| attributes | no | { image?: Record<string, any>; root?: Record<string, any>; placeholder?: Record<string, any>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on background color for `filled` variant | -| gradient | no | MantineGradient | — | Gradient configuration for `variant="gradient"` | -| imageProps | no | React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> | — | Attributes passed down to `img` element | -| unstyled | no | false | true | false, true | — | - - -### `Avatar.Group` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/avatar/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { group?: Record<string, any>; } | — | — | -| unstyled | no | false | true | false, true | — | - - -### `AvatarGroup` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/avatar-group/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { group?: Record<string, any>; } | — | — | -| unstyled | no | false | true | false, true | — | - - -### `BackgroundImage` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/background-image/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| unstyled | no | false | true | false, true | — | - - -### `Badge` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/badge/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; section?: Record<string, any>; root?: Record<string, any>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on background color for `filled` variant | -| circle | no | false | true | false, true | If set, badge `min-width` becomes equal to its `height` and horizontal padding is removed | -| fullWidth | no | false | true | false, true | Determines whether Badge should take 100% of its parent width | -| gradient | no | MantineGradient | — | Gradient configuration used when `variant=\"gradient\"` | -| leftSection | no | React.ReactNode | — | Content displayed on the left side of the badge label | -| rightSection | no | React.ReactNode | — | Content displayed on the right side of the badge label | -| unstyled | no | false | true | false, true | — | - - -### `Blockquote` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/blockquote/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { cite?: Record<string, any>; root?: Record<string, any>; icon?: Record<string, any>; } | — | — | -| cite | no | React.ReactNode | — | Reference to a cited quote | -| icon | no | React.ReactNode | — | Blockquote icon, displayed at the top left side | -| iconSize | no | string | number | — | Controls icon `width` and `height`, numbers are converted to rem | -| textWrap | no | "wrap" | "nowrap" | "balance" | "pretty" | "stable" | "balance", "nowrap", "pretty", "stable", "wrap" | Controls `text-wrap` CSS property | -| unstyled | no | false | true | false, true | — | - - -### `Box` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/box/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Breadcrumbs` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/breadcrumbs/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; separator?: Record<string, any>; breadcrumb?: Record<string, any>; } | — | — | -| separator | no | React.ReactNode | — | Separator between children | -| separatorMargin | no | MantineSpacing | "lg", "md", "sm", "xl", "xs" | Controls spacing between separator and breadcrumb | -| unstyled | no | false | true | false, true | — | - - -### `Burger` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/burger/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; burger?: Record<string, any>; } | — | — | -| lineSize | no | string | number | — | Controls height of lines, by default calculated based on `size` prop | -| opened | no | false | true | false, true | State of the burger, when `true` burger is transformed into X | -| transitionDuration | no | number | — | `transition-duration` property value in ms | -| transitionTimingFunction | no | string | — | `transition-timing-function` property value | -| unstyled | no | false | true | false, true | — | - - -### `Button` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/button/) -- Temporary bind: not available -- Subcomponents: Button.Group, Button.GroupSection -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; section?: Record<string, any>; root?: Record<string, any>; loader?: Record<string, any>; inner?: Record<...>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on background color for `filled` variant | -| data-disabled | no | false | true | false, true | — | -| fullWidth | no | false | true | false, true | Sets `width: 100%` | -| gradient | no | MantineGradient | — | Gradient configuration used for `variant="gradient"` | -| justify | no | Property.JustifyContent | "-moz-initial", "center", "end", "flex-end", "flex-start", "inherit", "initial", "left", "normal", "revert", "revert-layer", "right", "space-around", "space-between", "space-evenly", "start", "stretch", "unset" | Sets `justify-content` of `inner` element, can be used to change distribution of sections and label | -| leftSection | no | React.ReactNode | — | Content on the left side of the button label | -| loaderProps | no | LoaderProps | — | Props added to the `Loader` component (only visible when `loading` prop is set) | -| loading | no | false | true | false, true | If set, the `Loader` component is displayed over the button | -| rightSection | no | React.ReactNode | — | Content on the right side of the button label | -| unstyled | no | false | true | false, true | — | - - -### `Button.Group` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/button/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { group?: Record<string, any>; } | — | — | -| borderWidth | no | string | number | — | `border-width` of the child `Button` components. Numbers are converted to rem. | -| unstyled | no | false | true | false, true | — | - - -### `Button.GroupSection` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/button/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { groupSection?: Record<string, any>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on background color for `filled` variant | -| gradient | no | MantineGradient | — | Gradient configuration used when `variant="gradient"` | -| unstyled | no | false | true | false, true | — | - - -### `ButtonGroup` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/button-group/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { group?: Record<string, any>; } | — | — | -| borderWidth | no | string | number | — | `border-width` of the child `Button` components. Numbers are converted to rem. | -| unstyled | no | false | true | false, true | — | - - -### `ButtonGroupSection` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/button-group-section/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { groupSection?: Record<string, any>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on background color for `filled` variant | -| gradient | no | MantineGradient | — | Gradient configuration used when `variant="gradient"` | -| unstyled | no | false | true | false, true | — | - - -### `Card` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/card/) -- Temporary bind: not available -- Subcomponents: Card.Section -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { section?: Record<string, any>; root?: Record<string, any>; } | — | — | -| padding | no | MantineSpacing | "lg", "md", "sm", "xl", "xs" | Key of `theme.spacing` or any valid CSS value to set padding | -| unstyled | no | false | true | false, true | — | - - -### `Card.Section` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/card/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| inheritPadding | no | false | true | false, true | If set, the section inherits padding from the parent `Card` | - - -### `CardSection` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/card-section/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| inheritPadding | no | false | true | false, true | If set, the section inherits padding from the parent `Card` | - - -### `Center` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/center/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| inline | no | false | true | false, true | If set, `inline-flex` is used instead of `flex` | -| unstyled | no | false | true | false, true | — | - - -### `CheckIcon` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/check-icon/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Checkbox` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/checkbox/) -- Temporary bind: `boolean` via `defaultChecked`; read from `inputs.` -- Subcomponents: Checkbox.Card, Checkbox.Group, Checkbox.Indicator -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { body?: Record<string, any>; input?: Record<string, any>; label?: Record<string, any>; root?: Record<string, any>; ... 4 more ...; labelWrapper?: Record<...>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts icon color based on background color for `filled` variant | -| description | no | React.ReactNode | — | Description below the label | -| error | no | React.ReactNode | — | Error message below the label | -| iconColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Key of `theme.colors` or any valid CSS color to set icon color. By default, depends on `theme.autoContrast`. | -| indeterminate | no | false | true | false, true | Indeterminate state of the checkbox. If set, `checked` prop is dismissed. | -| label | no | React.ReactNode | — | `label` associated with the checkbox | -| labelPosition | no | "left" | "right" | "left", "right" | Position of the label relative to the input | -| unstyled | no | false | true | false, true | — | -| withErrorStyles | no | false | true | false, true | If set, applies error styles to the checkbox when `error` prop is set | -| wrapperProps | no | (React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & DataAttributes) | — | Props passed down to the root element | - - -### `Checkbox.Card` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/checkbox/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { card?: Record<string, any>; } | — | — | -| unstyled | no | false | true | false, true | — | - - -### `Checkbox.Group` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/checkbox/) -- Temporary bind: `string[]` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; root?: Record<string, any>; description?: Record<string, any>; error?: Record<string, any>; success?: Record<...>; required?: Record<...>; } | — | — | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| hiddenInputProps | no | (React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & DataAttributes) | — | Props passed down to the hidden input for uncontrolled forms | -| hiddenInputValuesSeparator | no | string | — | Separator for values in the hidden input for uncontrolled forms | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelElement | no | "div" | "label" | "div", "label" | Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| maxSelectedValues | no | number | — | Maximum number of checkboxes that can be selected. When the limit is reached, unselected checkboxes will be disabled | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| wrapperProps | no | (React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & DataAttributes) | — | Props passed down to the root element (`Input.Wrapper` component) | - - -### `Checkbox.Indicator` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/checkbox/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { icon?: Record<string, any>; indicator?: Record<string, any>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts icon color based on background color for `filled` variant | -| iconColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Key of `theme.colors` or any valid CSS color to set icon color, by default value depends on `theme.autoContrast` | -| indeterminate | no | false | true | false, true | Indeterminate state of the checkbox. If set, `checked` prop is ignored. | -| unstyled | no | false | true | false, true | — | - - -### `CheckboxCard` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/checkbox-card/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { card?: Record<string, any>; } | — | — | -| unstyled | no | false | true | false, true | — | - - -### `CheckboxGroup` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/checkbox-group/) -- Temporary bind: `string[]` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; root?: Record<string, any>; description?: Record<string, any>; error?: Record<string, any>; success?: Record<...>; required?: Record<...>; } | — | — | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| hiddenInputProps | no | (React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & DataAttributes) | — | Props passed down to the hidden input for uncontrolled forms | -| hiddenInputValuesSeparator | no | string | — | Separator for values in the hidden input for uncontrolled forms | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelElement | no | "div" | "label" | "div", "label" | Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| maxSelectedValues | no | number | — | Maximum number of checkboxes that can be selected. When the limit is reached, unselected checkboxes will be disabled | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| wrapperProps | no | (React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & DataAttributes) | — | Props passed down to the root element (`Input.Wrapper` component) | - - -### `CheckboxIndicator` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/checkbox-indicator/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { icon?: Record<string, any>; indicator?: Record<string, any>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts icon color based on background color for `filled` variant | -| iconColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Key of `theme.colors` or any valid CSS color to set icon color, by default value depends on `theme.autoContrast` | -| indeterminate | no | false | true | false, true | Indeterminate state of the checkbox. If set, `checked` prop is ignored. | -| unstyled | no | false | true | false, true | — | - - -### `Chip` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/chip/) -- Temporary bind: not available -- Subcomponents: Chip.Group -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; root?: Record<string, any>; iconWrapper?: Record<string, any>; checkIcon?: Record<...>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on the chip background color for `filled` variant | -| icon | no | React.ReactNode | — | Any element or component to replace the default icon | -| unstyled | no | false | true | false, true | — | -| wrapperProps | no | (React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & DataAttributes) | — | Props passed down to the root element | - - -### `Chip.Group` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/chip/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.`; becomes `string[]` when `multiple` is true -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `ChipGroup` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/chip-group/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.`; becomes `string[]` when `multiple` is true -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `CloseButton` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/close-button/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| data-disabled | no | false | true | false, true | — | -| icon | no | React.ReactNode | — | React node to replace the default close icon. If set, `iconSize` prop is ignored. | -| iconSize | no | string | number | — | `X` icon `width` and `height` | -| unstyled | no | false | true | false, true | — | - - -### `CloseIcon` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/close-icon/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Code` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/code/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| block | no | false | true | false, true | If set, code is rendered in `pre` | -| unstyled | no | false | true | false, true | — | - - -### `Collapse` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/collapse/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| animateOpacity | no | false | true | false, true | Determines whether the opacity is animated | -| expanded | yes | false | true | false, true | Expanded state | -| keepMounted | no | false | true | false, true | If set, the element is kept in the DOM when collapsed. When `true`, React 19 `Activity` is used to preserve state while collapsed. When `false`, the element is unmounted after the exit animation. | -| transitionDuration | no | number | — | Transition duration in ms | -| transitionTimingFunction | no | string | — | Transition timing function | - - -### `ColorInput` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/color-input/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { body?: Record<string, any>; input?: Record<string, any>; label?: Record<string, any>; section?: Record<string, any>; ... 19 more ...; swatch?: Record<...>; } | — | — | -| closeOnColorSwatchClick | no | false | true | false, true | If set, the dropdown is closed when one of the color swatches is clicked | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| disallowInput | no | false | true | false, true | If input is not allowed, the user can only pick value with color picker and swatches | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| eyeDropperButtonProps | no | Record<string, any> | — | Props passed down to the eye dropper button | -| eyeDropperIcon | no | React.ReactNode | — | An icon to replace the default eye dropper icon | -| fixOnBlur | no | false | true | false, true | If set, the input value resets to the last known valid value when the input loses focus | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| pointer | no | false | true | false, true | Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component="button"` for Select/DatePicker). | -| popoverProps | no | PopoverProps | — | Props passed down to the `Popover` component | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| swatches | no | string[] | — | A list of colors used to display swatches list below the color picker | -| swatchesPerRow | no | number | — | Number of swatches per row | -| unstyled | no | false | true | false, true | — | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withEyeDropper | no | false | true | false, true | If set, the eye dropper button is displayed in the right section | -| withPicker | no | false | true | false, true | If `false`, the component displays only swatches | -| withPreview | no | false | true | false, true | If set, the preview color swatch is displayed in the left section of the input | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | - - -### `ColorPicker` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/color-picker/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| alphaLabel | no | string | — | Alpha slider `aria-label` | -| attributes | no | { body?: Record<string, any>; slider?: Record<string, any>; wrapper?: Record<string, any>; sliderOverlay?: Record<string, any>; ... 6 more ...; swatch?: Record<...>; } | — | — | -| fullWidth | no | false | true | false, true | If set, the component takes 100% width of its container | -| hiddenInputProps | no | (React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & DataAttributes) | — | Props spread to the hidden input | -| hueLabel | no | string | — | Hue slider `aria-label` | -| saturationLabel | no | string | — | Saturation slider `aria-label` | -| swatches | no | string[] | — | A list of colors used to display swatches list below the color picker | -| swatchesPerRow | no | number | — | Number of swatches per row | -| unstyled | no | false | true | false, true | — | -| withPicker | no | false | true | false, true | If `false`, the component displays only swatches | - - -### `ColorSchemeScript` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/color-scheme-script/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Writes global document state. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ColorSwatch` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/color-swatch/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; alphaOverlay?: Record<string, any>; shadowOverlay?: Record<string, any>; colorOverlay?: Record<...>; childrenOverlay?: Record<...>; } | — | — | -| unstyled | no | false | true | false, true | — | -| withShadow | no | false | true | false, true | If set, the swatch has inner `box-shadow` | - - -### `Combobox` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox/) -- Temporary bind: not available -- Subcomponents: Combobox.Chevron, Combobox.ClearButton, Combobox.Dropdown, Combobox.DropdownTarget, Combobox.Empty, Combobox.EventsTarget, Combobox.Footer, Combobox.Group, Combobox.Header, Combobox.HiddenInput, Combobox.Option, Combobox.Options, Combobox.Search, Combobox.Target -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Combobox.Chevron` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Combobox.ClearButton` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Combobox.Dropdown` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Combobox.DropdownTarget` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Combobox.Empty` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Combobox.EventsTarget` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Combobox.Footer` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Combobox.Group` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Combobox.Header` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Combobox.HiddenInput` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Combobox.Option` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Combobox.Options` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Combobox.Search` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Combobox.Target` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ComboboxChevron` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox-chevron/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ComboboxClearButton` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox-clear-button/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ComboboxDropdown` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox-dropdown/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ComboboxDropdownTarget` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox-dropdown-target/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ComboboxEmpty` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox-empty/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ComboboxEventsTarget` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox-events-target/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ComboboxFooter` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox-footer/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ComboboxGroup` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox-group/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ComboboxHeader` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox-header/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ComboboxHiddenInput` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox-hidden-input/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ComboboxOption` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox-option/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ComboboxOptions` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox-options/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ComboboxPopover` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox-popover/) -- Temporary bind: not available -- Subcomponents: ComboboxPopover.Target -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ComboboxPopover.Target` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox-popover/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ComboboxPopoverTarget` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox-popover-target/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ComboboxSearch` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox-search/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ComboboxTarget` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/combobox-target/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Container` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/container/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| fluid | no | false | true | false, true | If set, the container takes 100% width of its parent and `size` prop is ignored. | -| strategy | no | "block" | "grid" | "block", "grid" | Centering strategy | -| unstyled | no | false | true | false, true | — | - - -### `CopyButton` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/copy-button/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| timeout | no | number | — | Copied status timeout in ms | - - -### `DataList` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/data-list/) -- Temporary bind: not available -- Subcomponents: DataList.Item, DataList.ItemLabel, DataList.ItemValue -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; item?: Record<string, any>; itemLabel?: Record<string, any>; itemValue?: Record<string, any>; } | — | — | -| gap | no | MantineSpacing | "lg", "md", "sm", "xl", "xs" | Key of `theme.spacing` or any valid CSS value to set gap between items | -| labelWidth | no | Property.MinWidth<string | number> | — | Controls min-width of the label (dt) element, any valid CSS value | -| unstyled | no | false | true | false, true | — | -| withDivider | no | false | true | false, true | Adds border between items | - - -### `DataList.Item` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/data-list/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `DataList.ItemLabel` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/data-list/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `DataList.ItemValue` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/data-list/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `DataListItem` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/data-list-item/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `DataListItemLabel` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/data-list-item-label/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `DataListItemValue` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/data-list-item-value/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Dialog` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/dialog/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes the widget layout and focus boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `DirectionProvider` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/direction-provider/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Replaces a Homarr-owned provider boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Divider` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/divider/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; root?: Record<string, any>; } | — | — | -| label | no | React.ReactNode | — | Divider label, visible only with `orientation="horizontal"` | -| labelPosition | no | "center" | "left" | "right" | "center", "left", "right" | Label position | -| unstyled | no | false | true | false, true | — | - - -### `Drawer` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/drawer/) -- Temporary bind: not available -- Subcomponents: Drawer.Body, Drawer.CloseButton, Drawer.Content, Drawer.Header, Drawer.Overlay, Drawer.Root, Drawer.Stack, Drawer.Title -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Drawer.Body` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/drawer/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Drawer.CloseButton` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/drawer/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Drawer.Content` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/drawer/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Drawer.Header` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/drawer/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Drawer.Overlay` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/drawer/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Drawer.Root` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/drawer/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Drawer.Stack` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/drawer/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Drawer.Title` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/drawer/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `DrawerBody` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/drawer-body/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `DrawerCloseButton` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/drawer-close-button/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `DrawerContent` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/drawer-content/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `DrawerHeader` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/drawer-header/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `DrawerOverlay` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/drawer-overlay/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `DrawerRoot` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/drawer-root/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `DrawerStack` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/drawer-stack/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `DrawerTitle` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/drawer-title/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `EmptyState` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/empty-state/) -- Temporary bind: not available -- Subcomponents: EmptyState.Actions, EmptyState.Description, EmptyState.Indicator, EmptyState.Title -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { body?: Record<string, any>; title?: Record<string, any>; root?: Record<string, any>; description?: Record<string, any>; indicator?: Record<...>; actions?: Record<...>; } | — | — | -| description | no | React.ReactNode | — | Description content, rendered inside `EmptyState.Description` | -| icon | no | React.ReactNode | — | Icon or illustration, rendered inside `EmptyState.Indicator` | -| unstyled | no | false | true | false, true | — | -| withIndicatorBackground | no | false | true | false, true | If set, a neutral circular background is displayed behind the indicator. Setting `variant` always displays a colored background regardless of this prop | - - -### `EmptyState.Actions` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/empty-state/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `EmptyState.Description` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/empty-state/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `EmptyState.Indicator` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/empty-state/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `EmptyState.Title` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/empty-state/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `EmptyStateActions` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/empty-state-actions/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `EmptyStateDescription` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/empty-state-description/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `EmptyStateIndicator` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/empty-state-indicator/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `EmptyStateTitle` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/empty-state-title/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Fieldset` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/fieldset/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { legend?: Record<string, any>; root?: Record<string, any>; } | — | — | -| legend | no | React.ReactNode | — | Fieldset legend | -| unstyled | no | false | true | false, true | — | - - -### `FileButton` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/file-button/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Requests local file-system access. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `FileInput` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/file-input/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Requests local file-system access. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `FlatTreeNode` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/flat-tree-node/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| checkOnSpace | no | false | true | false, true | If set, tree node is checked on space key press | -| expandOnClick | no | false | true | false, true | If set, tree node with children is expanded on click | -| expandOnSpace | no | false | true | false, true | If set, tree node with children is expanded on space key press | -| expanded | yes | false | true | false, true | Whether the node is expanded | -| hasChildren | yes | false | true | false, true | Whether the node has children | -| level | yes | number | — | Nesting level of the node, starts at 1 | -| linesPath | no | FlatTreeLineState[] | — | Line state per ancestor + own level, computed by `flattenTreeData`. When provided and the tree root has `data-with-lines`, connector lines are rendered. | -| node | yes | TreeNodeData | — | Node data from tree data | -| parent | yes | null | string | — | Value of the parent node, `null` for root nodes | -| selectOnClick | no | false | true | false, true | If set, tree node is selected on click | -| tree | yes | UseTreeReturnType | — | Tree controller instance, return value of `useTree` hook | - - -### `Flex` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/flex/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| columnGap | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | `column-gap` CSS property | -| gap | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | `gap` CSS property | -| justify | no | StyleProp<Property.JustifyContent> | "-moz-initial", "center", "end", "flex-end", "flex-start", "inherit", "initial", "left", "normal", "revert", "revert-layer", "right", "space-around", "space-between", "space-evenly", "start", "stretch", "unset" | `justify-content` CSS property | -| rowGap | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | `row-gap` CSS property | -| unstyled | no | false | true | false, true | — | - - -### `FloatingArrow` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/floating-arrow/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| arrowOffset | yes | number | — | — | -| arrowPosition | yes | "center" | "side" | "merge" | "center", "merge", "side" | — | -| arrowRadius | yes | number | — | — | -| arrowSize | yes | number | — | — | -| arrowX | no | number | — | — | -| arrowY | no | number | — | — | -| position | yes | "left" | "right" | "bottom" | "top" | "left-end" | "left-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom", "bottom-end", "bottom-start", "left", "left-end", "left-start", "right", "right-end", "right-start", "top", "top-end", "top-start" | — | -| visible | no | false | true | false, true | — | - - -### `FloatingIndicator` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/floating-indicator/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| displayAfterTransitionEnd | no | false | true | false, true | Controls whether the indicator should be hidden initially and displayed after the parent's transition ends. Set to `true` when the parent container has CSS transitions (e.g., `transform: scale()`) to prevent the indicator from appearing at the wrong position during the parent's animation. | -| parent | no | HTMLElement | null | — | Parent container element that must have `position: relative`. The indicator's position is calculated relative to this element. | -| transitionDuration | no | string | number | — | Transition duration in ms | -| unstyled | no | false | true | false, true | — | - - -### `FloatingWindow` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/floating-window/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Creates a separate browser window. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `FocusTrap` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/focus-trap/) -- Temporary bind: not available -- Subcomponents: FocusTrap.InitialFocus -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Can capture focus outside the widget interaction flow. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `FocusTrap.InitialFocus` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/focus-trap/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Can capture focus outside the widget interaction flow. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `FocusTrapInitialFocus` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/focus-trap-initial-focus/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Can capture focus outside the widget interaction flow. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Grid` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/grid/) -- Temporary bind: not available -- Subcomponents: Grid.Col -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { col?: Record<string, any>; root?: Record<string, any>; inner?: Record<string, any>; container?: Record<string, any>; } | — | — | -| breakpoints | no | GridBreakpoints | — | Breakpoints values, only used with `type="container"` | -| columnGap | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | Column gap, overrides `gap` for horizontal spacing | -| columns | no | number | — | Number of columns in each row | -| gap | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | Gap between columns and rows, key of `theme.spacing` or any valid CSS value | -| grow | no | false | true | false, true | If set, columns in the last row expand to fill all available space | -| justify | no | Property.JustifyContent | "-moz-initial", "center", "end", "flex-end", "flex-start", "inherit", "initial", "left", "normal", "revert", "revert-layer", "right", "space-around", "space-between", "space-evenly", "start", "stretch", "unset" | Sets `justify-content` | -| rowGap | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | Row gap, overrides `gap` for vertical spacing | -| unstyled | no | false | true | false, true | — | - - -### `Grid.Col` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/grid/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| span | no | StyleProp<ColSpan> | "auto", "content" | Column span | - - -### `GridCol` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/grid-col/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| span | no | StyleProp<ColSpan> | "auto", "content" | Column span | - - -### `Group` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/group/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| gap | no | MantineSpacing | "lg", "md", "sm", "xl", "xs" | Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem | -| grow | no | false | true | false, true | Determines whether each child element should have `flex-grow: 1` style | -| justify | no | Property.JustifyContent | "-moz-initial", "center", "end", "flex-end", "flex-start", "inherit", "initial", "left", "normal", "revert", "revert-layer", "right", "space-around", "space-between", "space-evenly", "start", "stretch", "unset" | Controls `justify-content` CSS property | -| preventGrowOverflow | no | false | true | false, true | Determines whether children should take only dedicated amount of space (`max-width` style is set based on the number of children) | -| unstyled | no | false | true | false, true | — | - - -### `HeadlessMantineProvider` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/headless-mantine-provider/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Replaces a Homarr-owned provider boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Highlight` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/highlight/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| accentInsensitive | no | false | true | false, true | Perform accent-insensitive matching. When enabled cafe will match cafe, café, cafè, etc. | -| attributes | no | { root?: Record<string, any>; } | — | — | -| caseInsensitive | no | false | true | false, true | Perform case-insensitive matching. | -| gradient | no | MantineGradient | — | Gradient configuration, ignored when `variant` is not `gradient` | -| highlight | yes | string | string[] | HighlightTerm[] | — | Substring(s) to highlight in `children`. Can be: - string: single term - string[]: multiple terms with same color - HighlightTerm[]: multiple terms with custom colors per term - Matching is case-insensitive and accent-insensitive by default, use `caseInsensitive` and `accentInsensitive` props to control this behavior - Regex special characters are automatically escaped - When multiple substrings are provided, longer matches take precedence - Empty strings and whitespace-only strings are ignored | -| inherit | no | false | true | false, true | Determines whether font properties should be inherited from the parent | -| inline | no | false | true | false, true | Sets `line-height` to 1 for centering | -| lineClamp | no | number | — | Number of lines after which Text will be truncated | -| span | no | false | true | false, true | Shorthand for `component="span"` | -| textWrap | no | "wrap" | "nowrap" | "balance" | "pretty" | "stable" | "balance", "nowrap", "pretty", "stable", "wrap" | Controls `text-wrap` CSS property | -| truncate | no | false | true | "end" | "start" | "end", false, "start", true | Side on which Text must be truncated, if `true`, text is truncated from the start | -| unstyled | no | false | true | false, true | — | -| wholeWord | no | false | true | false, true | Only match whole words (adds word boundaries to regex). When enabled, 'the' will not match 'there'. | - - -### `HoverCard` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/hover-card/) -- Temporary bind: not available -- Subcomponents: HoverCard.Dropdown, HoverCard.Group, HoverCard.Target -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| arrowOffset | no | number | — | Arrow offset in px | -| arrowPosition | no | "center" | "side" | "merge" | "center", "merge", "side" | Arrow position | -| arrowRadius | no | number | — | Arrow `border-radius` in px | -| arrowSize | no | number | — | Arrow size in px | -| attributes | no | { dropdown?: Record<string, any>; overlay?: Record<string, any>; arrow?: Record<string, any>; } | — | — | -| clickOutsideEvents | no | string[] | — | Events that trigger outside clicks | -| closeDelay | no | number | — | Delay in ms before the dropdown closes after mouse leaves the target or dropdown. Overridden by HoverCard.Group delay if used within a group. | -| closeOnClickOutside | no | false | true | false, true | Determines whether dropdown should be closed on outside clicks | -| closeOnEscape | no | false | true | false, true | Determines whether dropdown should be closed when `Escape` key is pressed | -| defaultOpened | no | false | true | false, true | Initial opened state for uncontrolled component | -| floatingStrategy | no | "fixed" | "absolute" | "absolute", "fixed" | Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy) | -| hideDetached | no | false | true | false, true | If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen | -| initiallyOpened | no | false | true | false, true | Initial opened state | -| keepMounted | no | false | true | false, true | If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead. | -| keepMountedMode | no | "activity" | "display-none" | "activity", "display-none" | Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles | -| middlewares | no | PopoverMiddlewares | — | Floating ui middlewares to configure position handling | -| openDelay | no | number | — | Delay in ms before the dropdown opens after mouse enters the target. Overridden by HoverCard.Group delay if used within a group. | -| overlayProps | no | (OverlayProps & ElementProps<"div">) | — | Props passed down to `Overlay` component | -| position | no | "left" | "right" | "bottom" | "top" | "left-end" | "left-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom", "bottom-end", "bottom-start", "left", "left-end", "left-start", "right", "right-end", "right-start", "top", "top-end", "top-start" | Dropdown position relative to the target element | -| preventPositionChangeWhenVisible | no | false | true | false, true | If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change. | -| returnFocus | no | false | true | false, true | Determines whether focus should be automatically returned to control when dropdown closes | -| transitionProps | no | Partial<Omit<TransitionProps, "mounted">> | — | Props passed down to the `Transition` component. Use to configure duration and animation type. | -| trapFocus | no | false | true | false, true | Determines whether focus should be trapped within dropdown | -| unstyled | no | false | true | false, true | — | -| withArrow | no | false | true | false, true | Determines whether component should have an arrow | -| withOverlay | no | false | true | false, true | Determines whether the overlay should be displayed when the dropdown is opened | -| withRoles | no | false | true | false, true | Determines whether dropdown and target elements should have accessible roles | - - -### `HoverCard.Dropdown` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/hover-card/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `HoverCard.Group` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/hover-card/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| closeDelay | no | number | — | Close delay in ms | -| openDelay | no | number | — | Open delay in ms | - - -### `HoverCard.Target` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/hover-card/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| eventPropsWrapperName | no | string | — | Name of the prop to wrap event listeners in. Use when the target component expects event listeners in a nested object. For example, some components expect `componentProps={{ onMouseEnter, onMouseLeave }}`. | -| popupType | no | string | — | Popup accessible type | - - -### `HoverCardDropdown` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/hover-card-dropdown/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `HoverCardGroup` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/hover-card-group/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| closeDelay | no | number | — | Close delay in ms | -| openDelay | no | number | — | Open delay in ms | - - -### `HoverCardTarget` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/hover-card-target/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| eventPropsWrapperName | no | string | — | Name of the prop to wrap event listeners in. Use when the target component expects event listeners in a nested object. For example, some components expect `componentProps={{ onMouseEnter, onMouseLeave }}`. | -| popupType | no | string | — | Popup accessible type | - - -### `HueSlider` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/hue-slider/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { slider?: Record<string, any>; sliderOverlay?: Record<string, any>; thumb?: Record<string, any>; } | — | — | -| unstyled | no | false | true | false, true | — | - - -### `Image` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/image/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| fallbackSrc | no | string | — | Image url used as a fallback if the image cannot be loaded | -| fit | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "contain" | "cover" | "fill" | "scale-down" | "-moz-initial", "contain", "cover", "fill", "inherit", "initial", "none", "revert", "revert-layer", "scale-down", "unset" | Controls `object-fit` style | -| unstyled | no | false | true | false, true | — | - - -### `Indicator` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/indicator/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; indicator?: Record<string, any>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on background color | -| inline | no | false | true | false, true | Changes container display from block to inline-block, use when wrapping elements with fixed width | -| label | no | React.ReactNode | — | Label displayed inside the indicator, for example, notification count | -| maxValue | no | number | — | Maximum value to display. If label is a number greater than this value, it will be displayed as `{maxValue}+` | -| position | no | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom-center" | "top-center" | "middle-center" | "middle-end" | "middle-start" | "bottom-center", "bottom-end", "bottom-start", "middle-center", "middle-end", "middle-start", "top-center", "top-end", "top-start" | Indicator position relative to the target element | -| processing | no | false | true | false, true | If set, the indicator has processing animation | -| showZero | no | false | true | false, true | Determines whether indicator with label `0` should be displayed | -| unstyled | no | false | true | false, true | — | - - -### `InlineStyles` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/inline-styles/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Writes unscoped style rules. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Input` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/input/) -- Temporary bind: not available -- Subcomponents: Input.ClearButton, Input.Description, Input.Error, Input.Label, Input.Placeholder, Input.Success, Input.Wrapper -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Input.ClearButton` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/input/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Input.Description` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/input/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Input.Error` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/input/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Input.Label` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/input/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Input.Placeholder` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/input/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Input.Success` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/input/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Input.Wrapper` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/input/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `InputBase` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/input-base/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `InputClearButton` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/input-clear-button/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `InputClearSection` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/input-clear-section/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `InputDescription` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/input-description/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `InputError` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/input-error/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `InputLabel` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/input-label/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `InputPlaceholder` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/input-placeholder/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `InputSuccess` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/input-success/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `InputWrapper` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/input-wrapper/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `JsonInput` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/json-input/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; section?: Record<string, any>; root?: Record<string, any>; ... 5 more ...; bottomSection?: Record<...>; } | — | — | -| autosize | no | false | true | false, true | If set, enables textarea height growing with its content | -| bottomSection | no | React.ReactNode | — | Content rendered at the bottom of the input, inside the border | -| bottomSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `bottomSection` element | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| formatOnBlur | no | false | true | false, true | Determines whether the value should be formatted on blur | -| indentSpaces | no | number | — | Number of spaces to use as white space for formatting. Passed as the third argument to `serialize` function. | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| maxRows | no | number | — | Maximum rows for autosize textarea to grow, ignored if `autosize` prop is not set | -| minRows | no | number | — | Minimum rows of autosize textarea, ignored if `autosize` prop is not set | -| pointer | no | false | true | false, true | Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component="button"` for Select/DatePicker). | -| resize | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "block" | "inline" | "both" | "horizontal" | "vertical" | "-moz-initial", "block", "both", "horizontal", "inherit", "initial", "inline", "none", "revert", "revert-layer", "unset", "vertical" | Controls `resize` CSS property | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| validationError | no | React.ReactNode | — | Error message shown when the input value is invalid JSON (checked on blur). If not provided, a generic error state is shown. Takes precedence over the `error` prop when validation fails. | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | - - -### `Kbd` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/kbd/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| unstyled | no | false | true | false, true | — | - - -### `List` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/list/) -- Temporary bind: not available -- Subcomponents: List.Item -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; item?: Record<string, any>; itemLabel?: Record<string, any>; itemWrapper?: Record<string, any>; itemIcon?: Record<...>; } | — | — | -| center | no | false | true | false, true | Vertically centers list items with their icons | -| icon | no | React.ReactNode | — | Icon to replace default list markers. Applied to all items unless overridden on individual List.Item components | -| listStyleType | no | Property.ListStyleType | "-moz-initial", "inherit", "initial", "none", "revert", "revert-layer", "unset" | Controls CSS `list-style-type` property. Overrides the default list marker style based on list type | -| reversed | no | false | true | false, true | Reverses the order of list items (only works with type="ordered") | -| start | no | number | — | Starting value for ordered list numbering (only works with type="ordered") | -| unstyled | no | false | true | false, true | — | -| withPadding | no | false | true | false, true | Adds extra horizontal padding to the list, useful for nested lists | - - -### `List.Item` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/list/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| icon | no | React.ReactNode | — | Icon to replace item bullet | - - -### `ListItem` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/list-item/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| icon | no | React.ReactNode | — | Icon to replace item bullet | - - -### `Loader` - -- Safety: `wrapped` -- Category: `feedback` -- Documentation: [upstream component API](https://mantine.dev/core/loader/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Do not rely on color alone to communicate status. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| loaders | no | Partial<Record<(string & {}) | "bars" | "dots" | "oval", MantineLoaderComponent>> | — | Object of loaders components, can be customized via default props or inline. | -| unstyled | no | false | true | false, true | — | - - -### `LoadingOverlay` - -- Safety: `wrapped` -- Category: `feedback` -- Documentation: [upstream component API](https://mantine.dev/core/loading-overlay/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Do not rely on color alone to communicate status. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; loader?: Record<string, any>; overlay?: Record<string, any>; } | — | — | -| loaderProps | no | LoaderProps | — | Props passed down to `Loader` component | -| overlayProps | no | OverlayProps | — | Props passed down to `Overlay` component. Use to customizing blur, opacity, color and other properties. | -| transitionProps | no | Partial<Omit<TransitionProps, "mounted">> | — | Props passed down to `Transition` component. Set `duration` to create custom transition or override default transition. | -| unstyled | no | false | true | false, true | — | -| visible | no | false | true | false, true | Controls overlay visibility. Typically used with state (useState, useDisclosure). | - - -### `MantineProvider` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/mantine-provider/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Replaces a Homarr-owned provider boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `MantineThemeProvider` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/mantine-theme-provider/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Replaces a Homarr-owned provider boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Mark` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/mark/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| unstyled | no | false | true | false, true | — | - - -### `Marquee` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/marquee/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { content?: Record<string, any>; root?: Record<string, any>; group?: Record<string, any>; } | — | — | -| duration | no | number | — | Animation duration in ms | -| fadeEdgeColor | no | string | — | Color of the fade gradient, | -| fadeEdgeSize | no | string | — | Size of the fade gradient, | -| fadeEdges | no | false | true | false, true | Whether to show gradient fade on edges, | -| gap | no | MantineSpacing | "lg", "md", "sm", "xl", "xs" | Gap between repeated children, key of `theme.spacing` or any valid CSS value | -| pauseOnHover | no | false | true | false, true | Pauses animation on hover | -| repeat | no | number | — | Number of times children are repeated inline for seamless scrolling | -| reverse | no | false | true | false, true | Reverses animation direction | -| unstyled | no | false | true | false, true | — | - - -### `MaskInput` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/mask-input/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| alwaysShowMask | no | false | true | false, true | Show mask pattern even when field is empty and unfocused | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; section?: Record<string, any>; root?: Record<string, any>; ... 5 more ...; bottomSection?: Record<...>; } | — | — | -| autoClear | no | false | true | false, true | Clear value on blur when mask is incomplete, `false` by default | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| pointer | no | false | true | false, true | Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component="button"` for Select/DatePicker). | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| separate | no | false | true | false, true | When true, raw and display values are decoupled | -| showMaskOnFocus | no | false | true | false, true | Show mask placeholder on focus, `true` by default | -| slotChar | no | null | string | — | Character displayed in unfilled slots, `"_"` by default | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| tokens | no | Record<string, RegExp> | — | Override or extend the default token map | -| unstyled | no | false | true | false, true | — | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | - - -### `Menu` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu/) -- Temporary bind: `boolean` via `defaultChecked`; read from `inputs.` -- Subcomponents: Menu.CheckboxGroup, Menu.CheckboxItem, Menu.ContextMenu, Menu.Divider, Menu.Dropdown, Menu.Item, Menu.Label, Menu.RadioGroup, Menu.RadioItem, Menu.Search, Menu.Sub, Menu.Target -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| alignItemsLabels | no | "none" | "all" | "with-indicators" | "all", "none", "with-indicators" | Controls how indicator slot space is reserved on menu items for label alignment. `'all'` reserves space on every `Menu.Item`, `'with-indicators'` reserves space only on `Menu.CheckboxItem` and `Menu.RadioItem`, `'none'` reserves space only on items that currently display an indicator. | -| arrowOffset | no | number | — | Arrow offset in px | -| arrowPosition | no | "center" | "side" | "merge" | "center", "merge", "side" | Arrow position | -| arrowRadius | no | number | — | Arrow `border-radius` in px | -| arrowSize | no | number | — | Arrow size in px | -| attributes | no | { label?: Record<string, any>; search?: Record<string, any>; item?: Record<string, any>; chevron?: Record<string, any>; ... 6 more ...; divider?: Record<...>; } | — | — | -| checkIcon | no | React.ReactNode | — | Custom icon rendered as the indicator of checked `Menu.CheckboxItem` and selected `Menu.RadioItem`. Can be overridden per item with the `checkIcon` prop. | -| clickOutsideEvents | no | string[] | — | Events that trigger outside click detection. Includes mousedown for desktop clicks, touchstart for mobile, and keydown for Escape key handling | -| closeDelay | no | number | — | Close delay in ms, applicable only to `trigger="hover"` variant | -| closeOnClickOutside | no | false | true | false, true | If set, the dropdown is closed on outside clicks | -| closeOnEscape | no | false | true | false, true | If set, the dropdown is closed when the `Escape` key is pressed | -| closeOnItemClick | no | false | true | false, true | If set, the Menu is closed when one of the items is clicked. Can be overridden per item with `closeMenuOnClick` prop | -| defaultOpened | no | false | true | false, true | Uncontrolled menu initial opened state | -| floatingStrategy | no | "fixed" | "absolute" | "absolute", "fixed" | Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy) | -| hideDetached | no | false | true | false, true | If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen | -| keepMounted | no | false | true | false, true | If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead. | -| keepMountedMode | no | "activity" | "display-none" | "activity", "display-none" | Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles | -| loop | no | false | true | false, true | If set, arrow key presses wrap around from last item to first and vice versa | -| menuItemTabIndex | no | 0 | -1 | -1, 0 | Set the `tabindex` on all menu items. Use `0` to allow Tab key navigation through menu items (required for navigation menus following WAI-ARIA disclosure pattern). | -| middlewares | no | PopoverMiddlewares | — | Floating ui middlewares to configure position handling | -| openDelay | no | number | — | Open delay in ms, applicable only to `trigger="hover"` variant | -| opened | no | false | true | false, true | Controlled menu opened state | -| overlayProps | no | (OverlayProps & ElementProps<"div">) | — | Props passed down to `Overlay` component | -| position | no | "left" | "right" | "bottom" | "top" | "left-end" | "left-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom", "bottom-end", "bottom-start", "left", "left-end", "left-start", "right", "right-end", "right-start", "top", "top-end", "top-start" | Dropdown position relative to the target element | -| preventPositionChangeWhenVisible | no | false | true | false, true | If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change. | -| returnFocus | no | false | true | false, true | Determines whether focus should be automatically returned to control when dropdown closes | -| transitionProps | no | Partial<Omit<TransitionProps, "mounted">> | — | Props passed down to the `Transition` component. Use to configure duration and animation type. | -| trapFocus | no | false | true | false, true | If set, focus is trapped within the menu dropdown when it is opened | -| trigger | no | "hover" | "click" | "click-hover" | "click", "click-hover", "hover" | Event trigger to open menu. Note: 'hover' is not keyboard accessible; prefer 'click-hover' for accessible hover menus | -| unstyled | no | false | true | false, true | — | -| withArrow | no | false | true | false, true | Determines whether component should have an arrow | -| withInitialFocusPlaceholder | no | false | true | false, true | Adds a hidden focusable element at the start of the dropdown to prevent unexpected focus jumps when opening with keyboard. Set to false if you need custom focus management. | -| withOverlay | no | false | true | false, true | Determines whether the overlay should be displayed when the dropdown is opened | - - -### `Menu.CheckboxGroup` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Menu.CheckboxItem` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| checkIcon | no | React.ReactNode | — | Replaces the default check icon rendered in the indicator slot when the item is checked. Overrides `checkIcon` set on `Menu`. | -| closeMenuOnClick | no | false | true | false, true | If set, closes the menu when this item is clicked. By default, checkbox items do not close the menu. | -| data-disabled | no | false | true | false, true | — | -| rightSection | no | React.ReactNode | — | Section displayed at the end of the label | - - -### `Menu.ContextMenu` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| longPressDelay | no | number | — | Delay in ms before a touch long-press opens the dropdown on touch devices, `500` by default | - - -### `Menu.Divider` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Menu.Dropdown` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Menu.Item` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| closeMenuOnClick | no | false | true | false, true | Controls whether the menu closes when this item is clicked. When undefined, inherits from Menu's `closeOnItemClick` prop. When true or false, overrides the Menu-level setting | -| data-disabled | no | false | true | false, true | — | -| leftSection | no | React.ReactNode | — | Section displayed at the start of the label | -| rightSection | no | React.ReactNode | — | Section displayed at the end of the label | - - -### `Menu.Label` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Menu.RadioGroup` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Menu.RadioItem` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| checkIcon | no | React.ReactNode | — | Replaces the default radio indicator rendered when the item is selected. Overrides `checkIcon` set on `Menu`. | -| closeMenuOnClick | no | false | true | false, true | If set, closes the menu when this item is clicked. By default, radio items do not close the menu. | -| data-disabled | no | false | true | false, true | — | -| rightSection | no | React.ReactNode | — | Section displayed at the end of the label | - - -### `Menu.Search` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { input?: Record<string, any>; section?: Record<string, any>; wrapper?: Record<string, any>; bottomSection?: Record<string, any>; } | — | — | -| clearSearchOnClose | no | false | true | false, true | If set, clears the search value after the menu close transition completes. Requires a controlled `value`/`onChange` pair. | -| error | no | React.ReactNode | — | Determines whether the input should have error styles and `aria-invalid` attribute | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| multiline | no | false | true | false, true | Adjusts padding and sizing calculations for multiline inputs (use with `component="textarea"`). Does not make the input multiline by itself. | -| pointer | no | false | true | false, true | Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component="button"` for Select/DatePicker). | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| success | no | React.ReactNode | — | Determines whether the input should have success styles | -| unstyled | no | false | true | false, true | — | -| withAria | no | false | true | false, true | Determines whether `aria-` and other accessibility attributes should be added to the input. Only disable when implementing custom accessibility handling. | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element of the `Input` component | - - -### `Menu.Sub` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| arrowOffset | no | number | — | Arrow offset in px | -| arrowPosition | no | "center" | "side" | "merge" | "center", "merge", "side" | Arrow position | -| arrowRadius | no | number | — | Arrow `border-radius` in px | -| arrowSize | no | number | — | Arrow size in px | -| closeDelay | no | number | — | Close delay in ms, applicable when hover trigger is used | -| floatingStrategy | no | "fixed" | "absolute" | "absolute", "fixed" | Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy) | -| hideDetached | no | false | true | false, true | If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen | -| keepMounted | no | false | true | false, true | If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead. | -| keepMountedMode | no | "activity" | "display-none" | "activity", "display-none" | Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles | -| middlewares | no | PopoverMiddlewares | — | Floating ui middlewares to configure position handling | -| openDelay | no | number | — | Open delay in ms, applicable when hover trigger is used | -| opened | no | false | true | false, true | Controlled opened state | -| overlayProps | no | (OverlayProps & ElementProps<"div">) | — | Props passed down to `Overlay` component | -| position | no | "left" | "right" | "bottom" | "top" | "left-end" | "left-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom", "bottom-end", "bottom-start", "left", "left-end", "left-start", "right", "right-end", "right-start", "top", "top-end", "top-start" | Dropdown position relative to the target element | -| preventPositionChangeWhenVisible | no | false | true | false, true | If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change. | -| returnFocus | no | false | true | false, true | Determines whether focus should be automatically returned to control when dropdown closes | -| safeAreaPolygon | no | boolean | SafePolygonOptions | — | Determines whether submenu stays open while the cursor moves toward its dropdown. Pass an object to configure safe polygon behavior. | -| transitionProps | no | Partial<Omit<TransitionProps, "mounted">> | — | Props passed down to the `Transition` component that used to animate dropdown presence, use to configure duration and animation type | -| withArrow | no | false | true | false, true | Determines whether component should have an arrow | -| withOverlay | no | false | true | false, true | Determines whether the overlay should be displayed when the dropdown is opened | - - -### `Menu.Target` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `MenuCheckboxGroup` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu-checkbox-group/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `MenuCheckboxItem` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu-checkbox-item/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| checkIcon | no | React.ReactNode | — | Replaces the default check icon rendered in the indicator slot when the item is checked. Overrides `checkIcon` set on `Menu`. | -| closeMenuOnClick | no | false | true | false, true | If set, closes the menu when this item is clicked. By default, checkbox items do not close the menu. | -| data-disabled | no | false | true | false, true | — | -| rightSection | no | React.ReactNode | — | Section displayed at the end of the label | - - -### `MenuContextMenu` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu-context-menu/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| longPressDelay | no | number | — | Delay in ms before a touch long-press opens the dropdown on touch devices, `500` by default | - - -### `MenuDivider` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu-divider/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `MenuDropdown` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu-dropdown/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `MenuItem` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu-item/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| closeMenuOnClick | no | false | true | false, true | Controls whether the menu closes when this item is clicked. When undefined, inherits from Menu's `closeOnItemClick` prop. When true or false, overrides the Menu-level setting | -| data-disabled | no | false | true | false, true | — | -| leftSection | no | React.ReactNode | — | Section displayed at the start of the label | -| rightSection | no | React.ReactNode | — | Section displayed at the end of the label | - - -### `MenuLabel` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu-label/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `MenuRadioGroup` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu-radio-group/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `MenuRadioItem` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu-radio-item/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| checkIcon | no | React.ReactNode | — | Replaces the default radio indicator rendered when the item is selected. Overrides `checkIcon` set on `Menu`. | -| closeMenuOnClick | no | false | true | false, true | If set, closes the menu when this item is clicked. By default, radio items do not close the menu. | -| data-disabled | no | false | true | false, true | — | -| rightSection | no | React.ReactNode | — | Section displayed at the end of the label | - - -### `MenuSearch` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu-search/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { input?: Record<string, any>; section?: Record<string, any>; wrapper?: Record<string, any>; bottomSection?: Record<string, any>; } | — | — | -| clearSearchOnClose | no | false | true | false, true | If set, clears the search value after the menu close transition completes. Requires a controlled `value`/`onChange` pair. | -| error | no | React.ReactNode | — | Determines whether the input should have error styles and `aria-invalid` attribute | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| multiline | no | false | true | false, true | Adjusts padding and sizing calculations for multiline inputs (use with `component="textarea"`). Does not make the input multiline by itself. | -| pointer | no | false | true | false, true | Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component="button"` for Select/DatePicker). | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| success | no | React.ReactNode | — | Determines whether the input should have success styles | -| unstyled | no | false | true | false, true | — | -| withAria | no | false | true | false, true | Determines whether `aria-` and other accessibility attributes should be added to the input. Only disable when implementing custom accessibility handling. | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element of the `Input` component | - - -### `MenuSub` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu-sub/) -- Temporary bind: not available -- Subcomponents: MenuSub.Dropdown, MenuSub.Item, MenuSub.Target -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| arrowOffset | no | number | — | Arrow offset in px | -| arrowPosition | no | "center" | "side" | "merge" | "center", "merge", "side" | Arrow position | -| arrowRadius | no | number | — | Arrow `border-radius` in px | -| arrowSize | no | number | — | Arrow size in px | -| closeDelay | no | number | — | Close delay in ms, applicable when hover trigger is used | -| floatingStrategy | no | "fixed" | "absolute" | "absolute", "fixed" | Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy) | -| hideDetached | no | false | true | false, true | If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen | -| keepMounted | no | false | true | false, true | If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead. | -| keepMountedMode | no | "activity" | "display-none" | "activity", "display-none" | Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles | -| middlewares | no | PopoverMiddlewares | — | Floating ui middlewares to configure position handling | -| openDelay | no | number | — | Open delay in ms, applicable when hover trigger is used | -| opened | no | false | true | false, true | Controlled opened state | -| overlayProps | no | (OverlayProps & ElementProps<"div">) | — | Props passed down to `Overlay` component | -| position | no | "left" | "right" | "bottom" | "top" | "left-end" | "left-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom", "bottom-end", "bottom-start", "left", "left-end", "left-start", "right", "right-end", "right-start", "top", "top-end", "top-start" | Dropdown position relative to the target element | -| preventPositionChangeWhenVisible | no | false | true | false, true | If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change. | -| returnFocus | no | false | true | false, true | Determines whether focus should be automatically returned to control when dropdown closes | -| safeAreaPolygon | no | boolean | SafePolygonOptions | — | Determines whether submenu stays open while the cursor moves toward its dropdown. Pass an object to configure safe polygon behavior. | -| transitionProps | no | Partial<Omit<TransitionProps, "mounted">> | — | Props passed down to the `Transition` component that used to animate dropdown presence, use to configure duration and animation type | -| withArrow | no | false | true | false, true | Determines whether component should have an arrow | -| withOverlay | no | false | true | false, true | Determines whether the overlay should be displayed when the dropdown is opened | - - -### `MenuSub.Dropdown` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu-sub/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `MenuSub.Item` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu-sub/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| closeMenuOnClick | no | false | true | false, true | If set, the menu is closed when the item is clicked. Overrides `closeOnItemClick` prop on the `Menu` component. | -| data-disabled | no | false | true | false, true | — | -| leftSection | no | React.ReactNode | — | Section displayed at the start of the label | -| rightSection | no | React.ReactNode | — | Section displayed at the end of the label | - - -### `MenuSub.Target` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu-sub/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `MenuSubDropdown` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu-sub-dropdown/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `MenuSubItem` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu-sub-item/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| closeMenuOnClick | no | false | true | false, true | If set, the menu is closed when the item is clicked. Overrides `closeOnItemClick` prop on the `Menu` component. | -| data-disabled | no | false | true | false, true | — | -| leftSection | no | React.ReactNode | — | Section displayed at the start of the label | -| rightSection | no | React.ReactNode | — | Section displayed at the end of the label | - - -### `MenuSubTarget` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu-sub-target/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `MenuTarget` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/menu-target/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Menubar` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/menubar/) -- Temporary bind: not available -- Subcomponents: Menubar.Dropdown, Menubar.Menu, Menubar.Target -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Menubar.Dropdown` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/menubar/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Menubar.Menu` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/menubar/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Menubar.Target` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/menubar/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `MenubarDropdown` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/menubar-dropdown/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `MenubarMenu` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/menubar-menu/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `MenubarTarget` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/menubar-target/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Modal` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal/) -- Temporary bind: not available -- Subcomponents: Modal.Body, Modal.CloseButton, Modal.Content, Modal.Header, Modal.Overlay, Modal.Root, Modal.Stack, Modal.Title -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Modal.Body` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Modal.CloseButton` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Modal.Content` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Modal.Header` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Modal.Overlay` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Modal.Root` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Modal.Stack` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Modal.Title` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ModalBase` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal-base/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ModalBaseBody` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal-base-body/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ModalBaseCloseButton` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal-base-close-button/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ModalBaseContent` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal-base-content/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ModalBaseHeader` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal-base-header/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ModalBaseOverlay` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal-base-overlay/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ModalBaseTitle` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal-base-title/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ModalBody` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal-body/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ModalCloseButton` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal-close-button/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ModalContent` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal-content/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ModalHeader` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal-header/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ModalOverlay` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal-overlay/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ModalRoot` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal-root/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ModalStack` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal-stack/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `ModalTitle` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/modal-title/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Escapes or replaces the widget layout, focus, scrolling, or overlay boundary. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `MultiSelect` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/multi-select/) -- Temporary bind: `string[]` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; option?: Record<string, any>; section?: Record<string, any>; ... 14 more ...; inputField?: Record<...>; } | — | — | -| checkIconPosition | no | "left" | "right" | "left", "right" | Position of the checkmark icon shown next to selected options in the dropdown | -| chevronColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Controls color of the default chevron | -| clearButtonProps | no | InputClearButtonProps | — | Props passed down to the clear button | -| clearSearchOnChange | no | false | true | false, true | Clear search value when item is selected | -| clearSectionMode | no | "both" | "rightSection" | "clear" | "both", "clear", "rightSection" | Determines how the clear button and rightSection are rendered | -| clearable | no | false | true | false, true | When enabled, displays a clear button to remove all selected values (hidden when component is empty, disabled, or read-only) | -| comboboxProps | no | ComboboxProps | — | Props passed down to `Combobox` component | -| data | no | ComboboxData<Value> | — | Data used to generate options. Values must be unique, otherwise an error will be thrown and component will not render. | -| defaultDropdownOpened | no | false | true | false, true | Uncontrolled dropdown initial opened state | -| defaultSearchValue | no | string | — | Default search value | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| dropdownOpened | no | false | true | false, true | Controlled dropdown opened state | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| floatingHeight | no | "viewport" | "viewport" | If set to `'viewport'`, the dropdown grows to fill the available vertical space in the viewport. Disables the `flip` middleware. | -| hiddenInputProps | no | Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value"> | — | Props passed down to the hidden input | -| hiddenInputValuesDivider | no | string | — | Divider used to separate values in the hidden input `value` attribute | -| hidePickedOptions | no | false | true | false, true | When enabled, selected options are hidden from the dropdown list | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| limit | no | number | — | Maximum number of options displayed at a time, `Infinity` by default | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| maxDropdownHeight | no | string | number | — | `max-height` of the dropdown, only applicable when `withScrollArea` prop is `true`, `250` by default | -| maxValues | no | number | — | Maximum number of values, no limit if not set | -| nothingFoundMessage | no | React.ReactNode | — | Message displayed when no options match the search query (when searchable is enabled) or when the data array is empty. If not set, the dropdown will be hidden instead. | -| openOnFocus | no | false | true | false, true | Controls whether dropdown opens when the input receives focus | -| pointer | no | false | true | false, true | Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component="button"` for Select/DatePicker). | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| scrollAreaProps | no | ScrollAreaProps | — | Props passed down to the underlying `ScrollArea` component in the dropdown | -| searchValue | no | string | — | Controlled search value | -| searchable | no | false | true | false, true | Allows searching through options by user input | -| selectFirstOptionOnChange | no | false | true | false, true | If set, the first option is selected when value changes, `false` by default | -| selectFirstOptionOnDropdownOpen | no | false | true | false, true | If set, the first option is selected when dropdown opens, `false` by default | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| withAlignedLabels | no | false | true | false, true | If set, unchecked labels are aligned with checked ones | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withCheckIcon | no | false | true | false, true | If set, the check icon is displayed near the selected option label | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withPillsReorder | no | false | true | false, true | If set, selected values can be reordered by dragging pills. Disabled when `disabled` or `readOnly` is set. | -| withScrollArea | no | false | true | false, true | Determines whether the options should be wrapped with `ScrollArea.AutoSize`, `true` by default | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | - - -### `NativeScrollArea` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/native-scroll-area/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `NativeSelect` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/native-select/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; section?: Record<string, any>; root?: Record<string, any>; ... 5 more ...; bottomSection?: Record<...>; } | — | — | -| data | no | ComboboxStringGroupData | — | Data used to render options. Accepts strings, objects with label/value, or grouped options. If `children` prop is provided, `data` will be ignored. | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | - - -### `NavLink` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/nav-link/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| active | no | false | true | false, true | Determines whether the link should have active styles | -| attributes | no | { body?: Record<string, any>; label?: Record<string, any>; section?: Record<string, any>; children?: Record<string, any>; root?: Record<...>; chevron?: Record<...>; description?: Record<...>; collapse?: Record<...>; } | u... | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on background color for `filled` variant | -| childrenOffset | no | MantineSpacing | "lg", "md", "sm", "xl", "xs" | Controls indentation of nested NavLink components, key of `theme.spacing` or any valid CSS value | -| defaultOpened | no | false | true | false, true | Uncontrolled nested items collapse initial state | -| description | no | React.ReactNode | — | Link description, displayed below the label | -| disableRightSectionRotation | no | false | true | false, true | If set, right section will not be rotated when collapse is opened | -| keepMounted | no | false | true | false, true | If set to `false`, child `NavLinks` are unmounted when collapsed | -| label | no | React.ReactNode | — | Main link label | -| leftSection | no | React.ReactNode | — | Section displayed on the left side of the label | -| noWrap | no | false | true | false, true | If set, label and description are truncated with ellipsis instead of wrapping | -| opened | no | false | true | false, true | Controlled nested items collapse state | -| rightSection | no | React.ReactNode | — | Section displayed on the right side of the label | -| unstyled | no | false | true | false, true | — | - - -### `Notification` - -- Safety: `wrapped` -- Category: `feedback` -- Documentation: [upstream component API](https://mantine.dev/core/notification/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Do not rely on color alone to communicate status. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { body?: Record<string, any>; title?: Record<string, any>; root?: Record<string, any>; icon?: Record<string, any>; loader?: Record<...>; closeButton?: Record<...>; description?: Record<...>; } | — | — | -| closeButtonProps | no | (ElementProps<"button"> & DataAttributes) | — | Props passed down to the close button | -| icon | no | React.ReactNode | — | Notification icon, replaces color line | -| loaderProps | no | LoaderProps | — | Props passed down to the `Loader` component | -| loading | no | false | true | false, true | If set, displays a `Loader` component instead of the icon. Takes precedence over the `icon` prop if both are provided. | -| unstyled | no | false | true | false, true | — | -| withCloseButton | no | false | true | false, true | If set, the close button is visible | - - -### `NumberFormatter` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/number-formatter/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| allowNegative | no | false | true | false, true | If set, negative values are allowed | -| decimalScale | no | number | — | Limits the number of digits that are displayed after the decimal point | -| decimalSeparator | no | string | — | Character used as a decimal separator, `'.'` by default | -| fixedDecimalScale | no | false | true | false, true | If set, zeros are added after `decimalSeparator` to match given `decimalScale`. | -| suffix | no | string | — | Suffix added after the value | -| thousandSeparator | no | string | false | true | — | A character used to separate thousands | -| thousandsGroupStyle | no | "none" | "thousand" | "lakh" | "wan" | "lakh", "none", "thousand", "wan" | Defines the thousand grouping style | - - -### `NumberInput` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/number-input/) -- Temporary bind: `number` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| allowDecimal | no | false | true | false, true | If set, decimal values are allowed | -| allowLeadingZeros | no | false | true | false, true | Determines whether leading zeros are allowed during input. If `false`, leading zeros are removed as you type (e.g., typing `007` results in `7`). Works in conjunction with `trimLeadingZeroesOnBlur`. | -| allowNegative | no | false | true | false, true | Determines whether negative numbers are allowed. If `false`, the input will not accept negative values, and the decrement button will stop at `0` (when `min` is not set). | -| allowedDecimalSeparators | no | string[] | — | Characters which when pressed result in a decimal separator. These characters will be replaced by the `decimalSeparator` in the input value. | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; section?: Record<string, any>; root?: Record<string, any>; ... 7 more ...; controls?: Record<...>; } | — | — | -| clampBehavior | no | "none" | "strict" | "blur" | "blur", "none", "strict" | Controls how values are clamped to the `min`/`max` range: - `'blur'` (default): User can type any value, but it's clamped when the input loses focus - `'strict'`: User cannot type values outside the range - `'none'`: No clamping; `min`/`max` only apply to increment/decrement controls and arrow keys | -| decimalScale | no | number | — | Limits the number of digits that can be entered after the decimal point | -| decimalSeparator | no | string | — | Character used as a decimal separator. Generally used with `allowedDecimalSeparators` prop. | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| fixedDecimalScale | no | false | true | false, true | If `true`, automatically pads the decimal part with zeros to match `decimalScale` (e.g., with `decimalScale={2}`, typing `5.1` displays as `5.10`). Requires `decimalScale` to be set. | -| hideControls | no | false | true | false, true | If set, the up/down controls are hidden | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| selectAllOnFocus | no | false | true | false, true | If set, all text is selected when the input receives focus | -| startValue | no | T | — | Value used when incrementing/decrementing an empty input. If `min` is set and `startValue < min`, `min` is used instead. | -| stepHoldDelay | no | number | — | Initial delay in milliseconds before stepping the value. | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| suffix | no | string | — | Suffix added after the input value | -| thousandSeparator | no | string | false | true | — | A character used to separate thousands | -| thousandsGroupStyle | no | "none" | "thousand" | "lakh" | "wan" | "lakh", "none", "thousand", "wan" | Defines the thousand grouping style. 'thousand' (1,000), 'lakh' (1,00,000), 'wan' (1,0000), 'none'. | -| trimLeadingZeroesOnBlur | no | false | true | false, true | If set, leading zeros are removed on blur. For example, `00100` -> `100` | -| unstyled | no | false | true | false, true | — | -| valueIsNumericString | no | false | true | false, true | Advanced: Set to `true` if you're passing numeric strings (e.g., `"12345"`) and using formatting props like `prefix` or `suffix`. In most cases, you don't need this prop. See [react-number-format docs](https://www.npmjs.com/package/react-number-format) for details. | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withKeyboardEvents | no | false | true | false, true | If set, up/down keyboard events increment/decrement value | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | - - -### `OptionalPortal` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/optional-portal/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Can render outside the widget root. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `OptionsDropdown` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/options-dropdown/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `OverflowList` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/overflow-list/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| collapseFrom | no | "end" | "start" | "end", "start" | Direction from which items are collapsed when they overflow, `'end'` collapses last items, `'start'` collapses first items | -| data | yes | T[] | — | Array of items to display | -| gap | no | MantineSpacing | "lg", "md", "sm", "xl", "xs" | Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem | -| maxRows | no | number | — | Number of rows to display | -| maxVisibleItems | no | number | — | Maximum number of visible items | -| unstyled | no | false | true | false, true | — | - - -### `Overlay` - -- Safety: `wrapped` -- Category: `feedback` -- Documentation: [upstream component API](https://mantine.dev/core/overlay/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Do not rely on color alone to communicate status. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| backgroundOpacity | no | number | — | Overlay `background-color` opacity 0–1, ignored when `gradient` prop is set | -| blur | no | string | number | — | Overlay background blur in px (converted to rem). Applies `backdrop-filter: blur()`. Note: backdrop-filter is not supported in all browsers. | -| center | no | false | true | false, true | Centers content inside the overlay using flexbox (sets display: flex, align-items: center, justify-content: center) | -| fixed | no | false | true | false, true | Changes position from `absolute` to `fixed` (viewport-relative instead of parent-relative) | -| gradient | no | string | — | Changes overlay to gradient. If set, both `color` and `backgroundOpacity` props are ignored. | -| unstyled | no | false | true | false, true | — | - - -### `Pagination` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/pagination/) -- Temporary bind: `number` via `defaultValue`; read from `inputs.` -- Subcomponents: Pagination.Control, Pagination.Dots, Pagination.First, Pagination.Items, Pagination.Label, Pagination.Last, Pagination.Next, Pagination.Previous, Pagination.Root -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; root?: Record<string, any>; control?: Record<string, any>; dots?: Record<string, any>; items?: Record<...>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on the active page background color to ensure sufficient contrast | -| boundaries | no | number | — | Number of elements visible on the left/right edges | -| gap | no | MantineSpacing | "lg", "md", "sm", "xl", "xs" | Key of `theme.spacing`, gap between controls | -| hideWithOnePage | no | false | true | false, true | If set, the pagination is hidden when only one page is available (`total={1}`) | -| layout | no | "default" | "responsive" | "default", "responsive" | Determines how the pagination is displayed, `'responsive'` uses CSS container queries to switch between pages and a compact label | -| siblings | no | number | — | Number of siblings displayed on the left/right side of the selected page | -| startValue | no | number | — | Starting page number, defaults to 1 | -| total | yes | number | — | Total number of pages, must be an integer | -| unstyled | no | false | true | false, true | — | -| withControls | no | false | true | false, true | If set, next/previous controls are displayed | -| withEdges | no | false | true | false, true | If set, first/last controls are displayed | -| withPages | no | false | true | false, true | If set to `false`, page number buttons are hidden, only next/previous controls remain | - - -### `Pagination.Control` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/pagination/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| active | no | false | true | false, true | Applies active styles, adds `data-active` attribute | -| withPadding | no | false | true | false, true | Applies padding | - - -### `Pagination.Dots` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/pagination/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Pagination.First` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/pagination/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Pagination.Items` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/pagination/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Pagination.Label` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/pagination/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Pagination.Last` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/pagination/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Pagination.Next` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/pagination/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Pagination.Previous` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/pagination/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Pagination.Root` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/pagination/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; root?: Record<string, any>; control?: Record<string, any>; dots?: Record<string, any>; items?: Record<...>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on the active page background color to ensure sufficient contrast | -| boundaries | no | number | — | Number of elements visible on the left/right edges | -| layout | no | "default" | "responsive" | "default", "responsive" | Determines how the pagination is displayed, `'responsive'` uses CSS container queries to switch between pages and a compact label | -| siblings | no | number | — | Number of siblings displayed on the left/right side of the selected page | -| startValue | no | number | — | Starting page number, defaults to 1 | -| total | yes | number | — | Total number of pages, must be an integer | -| unstyled | no | false | true | false, true | — | - - -### `PaginationControl` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/pagination-control/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| active | no | false | true | false, true | Applies active styles, adds `data-active` attribute | -| withPadding | no | false | true | false, true | Applies padding | - - -### `PaginationDots` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/pagination-dots/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `PaginationFirst` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/pagination-first/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `PaginationItems` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/pagination-items/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `PaginationLabel` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/pagination-label/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `PaginationLast` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/pagination-last/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `PaginationNext` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/pagination-next/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `PaginationPrevious` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/pagination-previous/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `PaginationRoot` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/pagination-root/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; root?: Record<string, any>; control?: Record<string, any>; dots?: Record<string, any>; items?: Record<...>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on the active page background color to ensure sufficient contrast | -| boundaries | no | number | — | Number of elements visible on the left/right edges | -| layout | no | "default" | "responsive" | "default", "responsive" | Determines how the pagination is displayed, `'responsive'` uses CSS container queries to switch between pages and a compact label | -| siblings | no | number | — | Number of siblings displayed on the left/right side of the selected page | -| startValue | no | number | — | Starting page number, defaults to 1 | -| total | yes | number | — | Total number of pages, must be an integer | -| unstyled | no | false | true | false, true | — | - - -### `Paper` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/paper/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| unstyled | no | false | true | false, true | — | - - -### `PasswordInput` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/password-input/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; section?: Record<string, any>; root?: Record<string, any>; ... 7 more ...; innerInput?: Record<...>; } | — | — | -| defaultVisible | no | false | true | false, true | If set, the input value is visible by default | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| visibilityToggleButtonProps | no | Record<string, any> | — | Props passed down to the visibility toggle button | -| visible | no | false | true | false, true | If set, the input value is visible | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | - - -### `Pill` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/pill/) -- Temporary bind: not available -- Subcomponents: Pill.Group -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; root?: Record<string, any>; remove?: Record<string, any>; } | — | — | -| removeButtonProps | no | (CloseButtonProps & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement>) | — | Props passed down to the remove button | -| unstyled | no | false | true | false, true | — | -| withRemoveButton | no | false | true | false, true | Controls visibility of the remove button | - - -### `Pill.Group` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/pill/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { group?: Record<string, any>; } | — | — | -| gap | no | number | MantineSize | (string & {}) | "lg", "md", "sm", "xl", "xs" | Controls spacing between pills, by default controlled by `size` | -| unstyled | no | false | true | false, true | — | - - -### `PillGroup` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/pill-group/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { group?: Record<string, any>; } | — | — | -| gap | no | number | MantineSize | (string & {}) | "lg", "md", "sm", "xl", "xs" | Controls spacing between pills, by default controlled by `size` | -| unstyled | no | false | true | false, true | — | - - -### `PillsInput` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/pills-input/) -- Temporary bind: not available -- Subcomponents: PillsInput.Field -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `PillsInput.Field` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/pills-input/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `PillsInputField` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/pills-input-field/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Low-level composition primitive that requires authored callbacks. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `PinInput` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/pin-input/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| ariaLabel | no | string | — | `aria-label` attribute | -| attributes | no | { input?: Record<string, any>; root?: Record<string, any>; pinInput?: Record<string, any>; } | — | — | -| error | no | false | true | false, true | Sets `aria-invalid` attribute and applies error styles to all inputs | -| gap | no | MantineSpacing | "lg", "md", "sm", "xl", "xs" | Key of `theme.spacing` or any valid CSS value to set `gap` between inputs, numbers are converted to rem | -| hiddenInputProps | no | React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | — | Props passed down to the hidden input | -| inputType | no | React.HTMLInputTypeAttribute | "button", "checkbox", "color", "date", "datetime-local", "email", "file", "hidden", "image", "month", "number", "password", "radio", "range", "reset", "search", "submit", "tel", "text", "time", "url", "week" | Inputs `type` attribute, inferred from the `type` prop if not specified | -| length | no | number | — | Number of inputs | -| manageFocus | no | false | true | false, true | Determines whether focus should be moved automatically to the next input once filled | -| success | no | false | true | false, true | Applies success styles to all inputs | -| unstyled | no | false | true | false, true | — | - - -### `Popover` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/popover/) -- Temporary bind: `boolean` via `defaultChecked`; read from `inputs.` -- Subcomponents: Popover.ContextMenu, Popover.Dropdown, Popover.Target -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| arrowOffset | no | number | — | Arrow offset in px | -| arrowPosition | no | "center" | "side" | "merge" | "center", "merge", "side" | Arrow position | -| arrowRadius | no | number | — | Arrow `border-radius` in px | -| arrowSize | no | number | — | Arrow size in px | -| attributes | no | { dropdown?: Record<string, any>; overlay?: Record<string, any>; arrow?: Record<string, any>; } | — | — | -| clickOutsideEvents | no | string[] | — | Events that trigger outside clicks | -| closeOnClickOutside | no | false | true | false, true | Determines whether dropdown should be closed on outside clicks | -| closeOnEscape | no | false | true | false, true | Determines whether dropdown should be closed when `Escape` key is pressed | -| defaultOpened | no | false | true | false, true | Initial opened state for uncontrolled component | -| floatingStrategy | no | "fixed" | "absolute" | "absolute", "fixed" | Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy) | -| hideDetached | no | false | true | false, true | If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen | -| keepMounted | no | false | true | false, true | If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead. | -| keepMountedMode | no | "activity" | "display-none" | "activity", "display-none" | Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles | -| middlewares | no | PopoverMiddlewares | — | Floating ui middlewares to configure position handling | -| opened | no | false | true | false, true | Controlled dropdown opened state | -| overlayProps | no | (OverlayProps & ElementProps<"div">) | — | Props passed down to `Overlay` component | -| position | no | "left" | "right" | "bottom" | "top" | "left-end" | "left-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom", "bottom-end", "bottom-start", "left", "left-end", "left-start", "right", "right-end", "right-start", "top", "top-end", "top-start" | Dropdown position relative to the target element | -| preventPositionChangeWhenVisible | no | false | true | false, true | If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change. | -| returnFocus | no | false | true | false, true | Determines whether focus should be automatically returned to control when dropdown closes | -| transitionProps | no | Partial<Omit<TransitionProps, "mounted">> | — | Props passed down to the `Transition` component. Use to configure duration and animation type. | -| trapFocus | no | false | true | false, true | Determines whether focus should be trapped within dropdown | -| unstyled | no | false | true | false, true | — | -| withArrow | no | false | true | false, true | Determines whether component should have an arrow | -| withOverlay | no | false | true | false, true | Determines whether the overlay should be displayed when the dropdown is opened | -| withRoles | no | false | true | false, true | Determines whether dropdown and target elements should have accessible roles | - - -### `Popover.ContextMenu` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/popover/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| longPressDelay | no | number | — | Delay in ms before a touch long-press opens the dropdown on touch devices, `500` by default | - - -### `Popover.Dropdown` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/popover/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Popover.Target` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/popover/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| popupType | no | string | — | Popup accessible type | - - -### `PopoverContextMenu` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/popover-context-menu/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| longPressDelay | no | number | — | Delay in ms before a touch long-press opens the dropdown on touch devices, `500` by default | - - -### `PopoverDropdown` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/popover-dropdown/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `PopoverTarget` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/popover-target/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| popupType | no | string | — | Popup accessible type | - - -### `Portal` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/portal/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Can render outside the widget root. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Progress` - -- Safety: `wrapped` -- Category: `feedback` -- Documentation: [upstream component API](https://mantine.dev/core/progress/) -- Temporary bind: not available -- Subcomponents: Progress.Label, Progress.Root, Progress.Section -- Component-specific blocked props: none -- Accessibility: - - Do not rely on color alone to communicate status. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| animated | no | false | true | false, true | If set, the sections stripes are animated (automatically enables striped) | -| attributes | no | { label?: Record<string, any>; section?: Record<string, any>; root?: Record<string, any>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts label text color based on section background color for readability | -| striped | no | false | true | false, true | If set, the section has stripes | -| transitionDuration | no | number | — | Controls sections width transition duration, value is specified in ms | -| unstyled | no | false | true | false, true | — | - - -### `Progress.Label` - -- Safety: `wrapped` -- Category: `feedback` -- Documentation: [upstream component API](https://mantine.dev/core/progress/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Do not rely on color alone to communicate status. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Progress.Root` - -- Safety: `wrapped` -- Category: `feedback` -- Documentation: [upstream component API](https://mantine.dev/core/progress/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Do not rely on color alone to communicate status. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; section?: Record<string, any>; root?: Record<string, any>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts label text color based on section background color for readability | -| transitionDuration | no | number | — | Controls sections width transition duration, value is specified in ms | -| unstyled | no | false | true | false, true | — | - - -### `Progress.Section` - -- Safety: `wrapped` -- Category: `feedback` -- Documentation: [upstream component API](https://mantine.dev/core/progress/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Do not rely on color alone to communicate status. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| animated | no | false | true | false, true | If set, the sections stripes are animated, `striped` prop is ignored | -| striped | no | false | true | false, true | If set, the section has stripes | -| withAria | no | false | true | false, true | Determines whether `aria-*` props should be added to the root element | - - -### `ProgressLabel` - -- Safety: `wrapped` -- Category: `feedback` -- Documentation: [upstream component API](https://mantine.dev/core/progress-label/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Do not rely on color alone to communicate status. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `ProgressRoot` - -- Safety: `wrapped` -- Category: `feedback` -- Documentation: [upstream component API](https://mantine.dev/core/progress-root/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Do not rely on color alone to communicate status. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; section?: Record<string, any>; root?: Record<string, any>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts label text color based on section background color for readability | -| transitionDuration | no | number | — | Controls sections width transition duration, value is specified in ms | -| unstyled | no | false | true | false, true | — | - - -### `ProgressSection` - -- Safety: `wrapped` -- Category: `feedback` -- Documentation: [upstream component API](https://mantine.dev/core/progress-section/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Do not rely on color alone to communicate status. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| animated | no | false | true | false, true | If set, the sections stripes are animated, `striped` prop is ignored | -| striped | no | false | true | false, true | If set, the section has stripes | -| withAria | no | false | true | false, true | Determines whether `aria-*` props should be added to the root element | - - -### `Radio` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/radio/) -- Temporary bind: not available -- Subcomponents: Radio.Card, Radio.Group, Radio.Indicator -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { body?: Record<string, any>; label?: Record<string, any>; root?: Record<string, any>; icon?: Record<string, any>; ... 4 more ...; labelWrapper?: Record<...>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on background color for `filled` variant | -| description | no | React.ReactNode | — | Description displayed below the label | -| error | no | React.ReactNode | — | Error displayed below the label | -| iconColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Key of theme.colors or any valid CSS color to set icon color. When not set, icon color is determined automatically based on theme.autoContrast setting | -| label | no | React.ReactNode | — | Content of the `label` associated with the radio | -| labelPosition | no | "left" | "right" | "left", "right" | Position of the label relative to the input | -| unstyled | no | false | true | false, true | — | -| withErrorStyles | no | false | true | false, true | If set, applies error styles to the radio when `error` prop is set | -| wrapperProps | no | (React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & DataAttributes) | — | Props passed down to the root element | - - -### `Radio.Card` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/radio/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { card?: Record<string, any>; } | — | — | -| unstyled | no | false | true | false, true | — | - - -### `Radio.Group` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/radio/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; root?: Record<string, any>; description?: Record<string, any>; error?: Record<string, any>; success?: Record<...>; required?: Record<...>; } | — | — | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelElement | no | "div" | "label" | "div", "label" | Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| wrapperProps | no | (React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & DataAttributes) | — | Props passed down to the `Input.Wrapper` | - - -### `Radio.Indicator` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/radio/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { icon?: Record<string, any>; indicator?: Record<string, any>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on background color for `filled` variant | -| iconColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Key of theme.colors or any valid CSS color to set icon color. When not set, icon color is determined automatically based on theme.autoContrast setting | -| unstyled | no | false | true | false, true | — | - - -### `RadioCard` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/radio-card/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { card?: Record<string, any>; } | — | — | -| unstyled | no | false | true | false, true | — | - - -### `RadioGroup` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/radio-group/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; root?: Record<string, any>; description?: Record<string, any>; error?: Record<string, any>; success?: Record<...>; required?: Record<...>; } | — | — | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelElement | no | "div" | "label" | "div", "label" | Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| wrapperProps | no | (React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & DataAttributes) | — | Props passed down to the `Input.Wrapper` | - - -### `RadioIcon` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/radio-icon/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `RadioIndicator` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/radio-indicator/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { icon?: Record<string, any>; indicator?: Record<string, any>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on background color for `filled` variant | -| iconColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Key of theme.colors or any valid CSS color to set icon color. When not set, icon color is determined automatically based on theme.autoContrast setting | -| unstyled | no | false | true | false, true | — | - - -### `RangeSlider` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/range-slider/) -- Temporary bind: `number[]` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; mark?: Record<string, any>; track?: Record<string, any>; root?: Record<string, any>; ... 4 more ...; markLabel?: Record<...>; } | — | — | -| domain | no | [number, number] | — | Domain of the slider, defines the selectable value range independently of min/max. Useful when you want to display a wider track range (min/max) but restrict actual selection to a subset (domain). | -| hiddenInputProps | no | React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | — | Props passed down to the hidden input | -| inverted | no | false | true | false, true | Determines whether track values representation should be inverted | -| labelAlwaysOn | no | false | true | false, true | Determines whether the label should be visible when the slider is not being dragged or hovered | -| labelTransitionProps | no | Partial<Omit<TransitionProps, "mounted">> | — | Props passed down to the `Transition` component | -| marks | no | SliderMark[] | — | Marks displayed on the track | -| maxRange | no | number | — | Maximum range interval | -| minRange | no | number | — | Minimal range interval between the two thumbs. Consider this value relative to the total range (max - min). | -| precision | no | number | — | Number of significant digits after the decimal point | -| pushOnOverlap | no | false | true | false, true | Determines whether the other thumb should be pushed by the current thumb dragging when `minRange`/`maxRange` is reached | -| restrictToMarks | no | false | true | false, true | Determines whether the selection should be only allowed from the given marks array | -| showLabelOnHover | no | false | true | false, true | Determines whether the label should be displayed when the slider is hovered | -| thumbChildren | no | React.ReactNode | — | Content rendered inside thumb | -| thumbFromLabel | no | string | — | First thumb `aria-label` | -| thumbLabel | no | string | — | `aria-label` for both thumbs (overridden by thumbFromLabel/thumbToLabel if provided) | -| thumbSize | no | string | number | — | Thumb `width` and `height`, by default value is computed based on `size` prop | -| thumbToLabel | no | string | — | Second thumb `aria-label` | -| unstyled | no | false | true | false, true | — | - - -### `Rating` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/rating/) -- Temporary bind: `number` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| allowClear | no | false | true | false, true | When true, clicking the same rating value clears the rating to 0, default is false | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; root?: Record<string, any>; starSymbol?: Record<string, any>; symbolBody?: Record<...>; symbolGroup?: Record<...>; } | — | — | -| count | no | number | — | Number of rating items (stars), default is 5 | -| fractions | no | number | — | Number of fractions each item can be divided into, default is 1 | -| highlightSelectedOnly | no | false | true | false, true | When true, only the clicked rating item is highlighted, not all items up to the selected value, default is false | -| unstyled | no | false | true | false, true | — | - - -### `RemoveScroll` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/remove-scroll/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Changes global page scrolling. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `RingProgress` - -- Safety: `wrapped` -- Category: `feedback` -- Documentation: [upstream component API](https://mantine.dev/core/ring-progress/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Do not rely on color alone to communicate status. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; svg?: Record<string, any>; root?: Record<string, any>; curve?: Record<string, any>; } | — | — | -| label | no | React.ReactNode | — | Label displayed in the center of the ring | -| rootColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Color of the unfilled portion of the ring (background). Defaults to gray-2 in light mode, dark-4 in dark mode | -| roundCaps | no | false | true | false, true | Applies rounded line caps to the start and end of visible sections | -| sectionGap | no | number | — | Gap between sections in degrees. Reduces the visual size of each section | -| sections | yes | RingProgressSection[] | — | Array of sections to display in the ring. Each section should have a `value` (0-100), `color`, and optional `tooltip`. Sections can also receive any valid SVG circle element props. | -| startAngle | no | number | — | Starting angle in degrees. 0 = right, 90 = bottom, 180 = left, 270 = top | -| thickness | no | number | — | Ring thickness in pixels. Cannot exceed size / 4 and will be automatically clamped if necessary | -| transitionDuration | no | number | — | Transition duration in milliseconds for section value and color changes | -| unstyled | no | false | true | false, true | — | - - -### `RollingNumber` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/rolling-number/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| animationDuration | no | number | — | Animation duration in milliseconds | -| attributes | no | { root?: Record<string, any>; digit?: Record<string, any>; digitColumn?: Record<string, any>; char?: Record<string, any>; } | — | — | -| decimalScale | no | number | — | Number of decimal places to display | -| decimalSeparator | no | string | — | Character used as a decimal separator | -| fixedDecimalScale | no | false | true | false, true | If set, trailing zeros are added to match `decimalScale` | -| suffix | no | string | — | Suffix added after the value | -| tabularNumbers | no | false | true | false, true | If set, use tabular (monospace) numbers | -| thousandSeparator | no | string | false | true | — | Character used to separate thousands, set to `true` for `,` | -| timingFunction | no | string | — | CSS timing function for animation | -| unstyled | no | false | true | false, true | — | -| withLiveRegion | no | false | true | false, true | If set, the root element acts as an `aria-live="polite"` region (`role="status"`) and screen readers announce every value change. When `false`, the root uses `role="img"` so the current value is still accessible but updates are not announced. | - - -### `ScrollArea` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/scroll-area/) -- Temporary bind: not available -- Subcomponents: ScrollArea.Autosize -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { content?: Record<string, any>; root?: Record<string, any>; scrollbar?: Record<string, any>; thumb?: Record<string, any>; viewport?: Record<...>; corner?: Record<...>; } | — | — | -| offsetScrollbars | no | false | true | "x" | "y" | "present" | false, "present", true, "x", "y" | Determines whether scrollbars should be offset with padding on given axis - `true` - adds padding to offset both scrollbars (always) - `'x'` - adds padding to offset horizontal scrollbar (always) - `'y'` - adds padding to offset vertical scrollbar (always) - `'present'` - adds padding only when scrollbars are visible (dynamic) | -| overscrollBehavior | no | Property.OverscrollBehavior | "-moz-initial", "auto", "contain", "inherit", "initial", "none", "revert", "revert-layer", "unset" | Defines `overscroll-behavior` of the viewport | -| scrollHideDelay | no | number | — | Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll` | -| scrollbarSize | no | string | number | — | Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 12px (0.75rem) | -| scrollbars | no | false | "x" | "y" | "xy" | false, "x", "xy", "y" | Axis at which scrollbars must be rendered - `'x'` - horizontal scrollbar only - `'y'` - vertical scrollbar only - `'xy'` - both scrollbars - `false` - no scrollbars rendered (content remains scrollable via mouse/touch) | -| startScrollPosition | no | { x?: number; y?: number; } | — | Initial scroll position set on mount | -| unstyled | no | false | true | false, true | — | -| viewportProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the viewport element | - - -### `ScrollArea.Autosize` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/scroll-area/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { content?: Record<string, any>; root?: Record<string, any>; scrollbar?: Record<string, any>; thumb?: Record<string, any>; viewport?: Record<...>; corner?: Record<...>; } | — | — | -| offsetScrollbars | no | false | true | "x" | "y" | "present" | false, "present", true, "x", "y" | Determines whether scrollbars should be offset with padding on given axis - `true` - adds padding to offset both scrollbars (always) - `'x'` - adds padding to offset horizontal scrollbar (always) - `'y'` - adds padding to offset vertical scrollbar (always) - `'present'` - adds padding only when scrollbars are visible (dynamic) | -| overscrollBehavior | no | Property.OverscrollBehavior | "-moz-initial", "auto", "contain", "inherit", "initial", "none", "revert", "revert-layer", "unset" | Defines `overscroll-behavior` of the viewport | -| scrollHideDelay | no | number | — | Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll` | -| scrollbarSize | no | string | number | — | Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 12px (0.75rem) | -| scrollbars | no | false | "x" | "y" | "xy" | false, "x", "xy", "y" | Axis at which scrollbars must be rendered - `'x'` - horizontal scrollbar only - `'y'` - vertical scrollbar only - `'xy'` - both scrollbars - `false` - no scrollbars rendered (content remains scrollable via mouse/touch) | -| startScrollPosition | no | { x?: number; y?: number; } | — | Initial scroll position set on mount | -| unstyled | no | false | true | false, true | — | -| viewportProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the viewport element | - - -### `ScrollAreaAutosize` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/scroll-area-autosize/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { content?: Record<string, any>; root?: Record<string, any>; scrollbar?: Record<string, any>; thumb?: Record<string, any>; viewport?: Record<...>; corner?: Record<...>; } | — | — | -| offsetScrollbars | no | false | true | "x" | "y" | "present" | false, "present", true, "x", "y" | Determines whether scrollbars should be offset with padding on given axis - `true` - adds padding to offset both scrollbars (always) - `'x'` - adds padding to offset horizontal scrollbar (always) - `'y'` - adds padding to offset vertical scrollbar (always) - `'present'` - adds padding only when scrollbars are visible (dynamic) | -| overscrollBehavior | no | Property.OverscrollBehavior | "-moz-initial", "auto", "contain", "inherit", "initial", "none", "revert", "revert-layer", "unset" | Defines `overscroll-behavior` of the viewport | -| scrollHideDelay | no | number | — | Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll` | -| scrollbarSize | no | string | number | — | Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 12px (0.75rem) | -| scrollbars | no | false | "x" | "y" | "xy" | false, "x", "xy", "y" | Axis at which scrollbars must be rendered - `'x'` - horizontal scrollbar only - `'y'` - vertical scrollbar only - `'xy'` - both scrollbars - `false` - no scrollbars rendered (content remains scrollable via mouse/touch) | -| startScrollPosition | no | { x?: number; y?: number; } | — | Initial scroll position set on mount | -| unstyled | no | false | true | false, true | — | -| viewportProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the viewport element | - - -### `Scroller` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/scroller/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { content?: Record<string, any>; root?: Record<string, any>; chevron?: Record<string, any>; control?: Record<string, any>; container?: Record<...>; } | — | — | -| controlSize | no | string | number | — | Size of the control buttons, | -| edgeGradientColor | no | string | — | Background color for the gradient fade on controls, `'var(--mantine-color-body)'` by default | -| endControlIcon | no | React.ReactNode | — | Icon component for the end control, AccordionChevron by default | -| endControlProps | no | React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> | — | Props passed to the end control button | -| scrollAmount | no | number | — | Amount of pixels to scroll when clicking the control buttons, `200` by default | -| showEndControl | no | false | true | false, true | Determines whether end control should always be visible regardless of scroll position, `false` by default | -| showStartControl | no | false | true | false, true | Determines whether start control should always be visible regardless of scroll position, `false` by default | -| startControlIcon | no | React.ReactNode | — | Icon component for the start control, AccordionChevron by default | -| startControlProps | no | React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> | — | Props passed to the start control button | -| unstyled | no | false | true | false, true | — | - - -### `SegmentedControl` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/segmented-control/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; root?: Record<string, any>; control?: Record<string, any>; indicator?: Record<...>; innerLabel?: Record<...>; } | — | — | -| autoContrast | no | false | true | false, true | If set, automatically adjusts label text color for optimal contrast against the indicator background color | -| data | yes | (Value | SegmentedControlItem<Value>)[] | — | Data based on which controls are rendered | -| fullWidth | no | false | true | false, true | Determines whether the component should take 100% width of its parent | -| transitionDuration | no | number | — | Indicator `transition-duration` in ms, set `0` to turn off transitions | -| transitionTimingFunction | no | string | — | Indicator `transition-timing-function` property | -| unstyled | no | false | true | false, true | — | -| withItemsBorders | no | false | true | false, true | Determines whether there should be borders between items | - - -### `Select` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/select/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| allowDeselect | no | false | true | false, true | Allows deselecting the selected option by clicking it | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; option?: Record<string, any>; section?: Record<string, any>; ... 11 more ...; groupLabel?: Record<...>; } | — | — | -| autoSelectOnBlur | no | false | true | false, true | Automatically selects the highlighted option when input loses focus | -| checkIconPosition | no | "left" | "right" | "left", "right" | Position of the check icon relative to the option label | -| chevronColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Controls color of the default chevron, by default depends on the color scheme | -| clearButtonProps | no | InputClearButtonProps | — | Props passed down to the clear button | -| clearSectionMode | no | "both" | "rightSection" | "clear" | "both", "clear", "rightSection" | Determines how the clear button and rightSection are rendered | -| clearable | no | false | true | false, true | Displays clear button in the right section when component has value | -| comboboxProps | no | ComboboxProps | — | Props passed down to `Combobox` component | -| data | no | ComboboxData<Value> | — | Data used to generate options. Values must be unique, otherwise an error will be thrown and component will not render. | -| defaultDropdownOpened | no | false | true | false, true | Uncontrolled dropdown initial opened state | -| defaultSearchValue | no | string | — | Default search value | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| dropdownOpened | no | false | true | false, true | Controlled dropdown opened state | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| floatingHeight | no | "viewport" | "viewport" | If set to `'viewport'`, the dropdown grows to fill the available vertical space in the viewport. Disables the `flip` middleware. | -| hiddenInputProps | no | Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value"> | — | Props passed down to the hidden input | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| limit | no | number | — | Maximum number of options displayed at a time, `Infinity` by default | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| maxDropdownHeight | no | string | number | — | `max-height` of the dropdown, only applicable when `withScrollArea` prop is `true`, `250` by default | -| nothingFoundMessage | no | React.ReactNode | — | Message displayed when no options match the search query or when there is no data | -| openOnFocus | no | false | true | false, true | Opens dropdown when input receives focus (requires searchable={true}) | -| pointer | no | false | true | false, true | Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component="button"` for Select/DatePicker). | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| scrollAreaProps | no | ScrollAreaProps | — | Props passed down to the underlying `ScrollArea` component in the dropdown | -| searchValue | no | string | — | Controlled search value | -| searchable | no | false | true | false, true | Determines whether the select should be searchable | -| selectFirstOptionOnChange | no | false | true | false, true | If set, the first option is selected when value changes, `false` by default | -| selectFirstOptionOnDropdownOpen | no | false | true | false, true | If set, the first option is selected when dropdown opens, `false` by default | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| withAlignedLabels | no | false | true | false, true | Aligns unchecked labels with the checked one | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withCheckIcon | no | false | true | false, true | Displays check icon near the selected option label | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withScrollArea | no | false | true | false, true | Determines whether the options should be wrapped with `ScrollArea.AutoSize`, `true` by default | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | - - -### `SemiCircleProgress` - -- Safety: `wrapped` -- Category: `feedback` -- Documentation: [upstream component API](https://mantine.dev/core/semi-circle-progress/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Do not rely on color alone to communicate status. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; svg?: Record<string, any>; root?: Record<string, any>; emptySegment?: Record<string, any>; filledSegment?: Record<...>; } | — | — | -| emptySegmentColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Key of `theme.colors` or any valid CSS color value | -| fillDirection | no | "right-to-left" | "left-to-right" | "left-to-right", "right-to-left" | Direction from which the circle is filled | -| filledSegmentColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Key of `theme.colors` or any valid CSS color value | -| label | no | React.ReactNode | — | Label rendered inside the circle | -| labelPosition | no | "center" | "bottom" | "bottom", "center" | Label position relative to the circle center | -| thickness | no | number | — | Stroke width of the circle segments in px | -| transitionDuration | no | number | — | Transition duration for the filled segment progress changes in ms. Does not affect color transitions | -| unstyled | no | false | true | false, true | — | - - -### `SimpleGrid` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/simple-grid/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; container?: Record<string, any>; } | — | — | -| autoFlow | no | "auto-fit" | "auto-fill" | "auto-fill", "auto-fit" | Grid repeat type when minColWidth is set | -| autoRows | no | string | — | Sets the size of implicitly created grid rows | -| minColWidth | no | string | number | — | Minimum column width when using auto-fit/auto-fill. When set, cols prop is ignored | -| unstyled | no | false | true | false, true | — | -| verticalSpacing | no | StyleProp<MantineSpacing> | "lg", "md", "sm", "xl", "xs" | Spacing between rows. When not set, falls back to spacing value | - - -### `Skeleton` - -- Safety: `wrapped` -- Category: `feedback` -- Documentation: [upstream component API](https://mantine.dev/core/skeleton/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Do not rely on color alone to communicate status. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| animate | no | false | true | false, true | Enables animation | -| attributes | no | { root?: Record<string, any>; } | — | — | -| circle | no | false | true | false, true | If set, Skeleton `width` and `border-radius` are equal to its `height` | -| unstyled | no | false | true | false, true | — | -| visible | no | false | true | false, true | Determines whether Skeleton overlay should be displayed | - - -### `Slider` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/slider/) -- Temporary bind: `number` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; mark?: Record<string, any>; track?: Record<string, any>; root?: Record<string, any>; ... 4 more ...; markLabel?: Record<...>; } | — | — | -| domain | no | [number, number] | — | Domain of the slider, defines the selectable value range independently of min/max. Useful when you want to display a wider track range (min/max) but restrict actual selection to a subset (domain). | -| hiddenInputProps | no | React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | — | Props passed down to the hidden input | -| inverted | no | false | true | false, true | Determines whether track value representation should be inverted | -| labelAlwaysOn | no | false | true | false, true | Determines whether the label should be visible when the slider is not being dragged or hovered | -| labelTransitionProps | no | Partial<Omit<TransitionProps, "mounted">> | — | Props passed down to the `Transition` component | -| marks | no | SliderMark[] | — | Marks displayed on the track | -| precision | no | number | — | Number of significant digits after the decimal point | -| restrictToMarks | no | false | true | false, true | Determines whether the selection should be only allowed from the given marks array | -| showLabelOnHover | no | false | true | false, true | Determines whether the label should be displayed when the slider is hovered | -| startPointValue | no | number | — | Value at which the filled bar starts. When set, the bar extends from this point toward the current value. Ignored when `inverted` is set. | -| thumbChildren | no | React.ReactNode | — | Content rendered inside thumb | -| thumbLabel | no | string | — | Thumb `aria-label` | -| thumbProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to thumb element | -| thumbSize | no | string | number | — | Thumb `width` and `height`, by default value is computed based on `size` prop | -| unstyled | no | false | true | false, true | — | - - -### `Space` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/space/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | undefined | — | — | -| unstyled | no | false | true | false, true | — | - - -### `Splitter` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/splitter/) -- Temporary bind: not available -- Subcomponents: Splitter.Pane -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; thumb?: Record<string, any>; handle?: Record<string, any>; pane?: Record<string, any>; } | — | — | -| handleColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Key of `theme.colors` or any valid CSS color for the separator line | -| handleIcon | no | React.ReactNode | — | Custom icon displayed in the handle thumb, by default uses grip icon based on orientation | -| lineSize | no | string | number | — | CSS value for separator line thickness between panes | -| resetOnDoubleClick | no | false | true | false, true | Restore the two panes adjacent to a handle to their default ratio (preserving their combined size) when the handle is double-clicked | -| shiftStep | no | SplitterStep | — | Shift+arrow step size, a `number`/`%` is a percentage, `px`/`rem` is resolved to pixels | -| sizes | no | SplitterPaneSize[] | — | Controlled sizes, each value keeps the unit it was declared in (number/`%` flexible, `px`/`rem` fixed) | -| unstyled | no | false | true | false, true | — | -| withHandle | no | false | true | false, true | Determines whether the thumb with grip icon is displayed on the handle | - - -### `Splitter.Pane` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/splitter/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| collapseThreshold | no | SplitterPaneSize | — | Size below which the pane snaps to collapsed, defaults to `min` | -| collapsible | no | false | true | false, true | Whether this pane can be collapsed | -| defaultSize | yes | SplitterPaneSize | — | Initial size, a `number`/`%` is a flexible size (shares leftover space), `px`/`rem` is a fixed size. A bare number is treated as a percentage. | - - -### `SplitterPane` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/splitter-pane/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| collapseThreshold | no | SplitterPaneSize | — | Size below which the pane snaps to collapsed, defaults to `min` | -| collapsible | no | false | true | false, true | Whether this pane can be collapsed | -| defaultSize | yes | SplitterPaneSize | — | Initial size, a `number`/`%` is a flexible size (shares leftover space), `px`/`rem` is a fixed size. A bare number is treated as a percentage. | - - -### `Spoiler` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/spoiler/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { content?: Record<string, any>; root?: Record<string, any>; control?: Record<string, any>; } | — | — | -| defaultExpanded | no | false | true | false, true | Initial expanded state in uncontrolled mode. If `true`, content starts expanded. If `false`, content starts collapsed | -| expanded | no | false | true | false, true | Controlled expanded state value | -| hideAriaLabel | no | string | — | Accessible label for the toggle button when expanded. If not set, `hideLabel` is used | -| hideLabel | no | React.ReactNode | — | Content displayed in the toggle button when content is expanded (to collapse) | -| maxHeight | no | number | — | Maximum height of visible content in px. When content exceeds this height, the toggle control appears | -| showAriaLabel | no | string | — | Accessible label for the toggle button when collapsed. If not set, `showLabel` is used | -| showLabel | no | React.ReactNode | — | Content displayed in the toggle button when content is collapsed (to expand) | -| transitionDuration | no | number | — | Spoiler reveal transition duration in ms. Set to 0 to disable animation | -| unstyled | no | false | true | false, true | — | - - -### `Stack` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/stack/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| gap | no | MantineSpacing | "lg", "md", "sm", "xl", "xs" | Key of `theme.spacing` or any valid CSS value to set `gap` property, numbers are converted to rem | -| justify | no | Property.JustifyContent | "-moz-initial", "center", "end", "flex-end", "flex-start", "inherit", "initial", "left", "normal", "revert", "revert-layer", "right", "space-around", "space-between", "space-evenly", "start", "stretch", "unset" | Controls `justify-content` CSS property | -| unstyled | no | false | true | false, true | — | - - -### `Stepper` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/stepper/) -- Temporary bind: `number` via `defaultValue`; read from `inputs.` -- Subcomponents: Stepper.Completed, Stepper.Step -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| active | yes | number | — | Index of the active step | -| allowNextStepsSelect | no | false | true | false, true | When true, users can click and jump to any step. When false, users can only navigate to completed steps | -| attributes | no | { content?: Record<string, any>; root?: Record<string, any>; separator?: Record<string, any>; step?: Record<string, any>; ... 9 more ...; stepDescription?: Record<...>; } | — | — | -| autoContrast | no | false | true | false, true | When true, automatically adjusts the icon color in completed steps to ensure sufficient contrast against the step background color | -| contentPadding | no | MantineSpacing | "lg", "md", "sm", "xl", "xs" | Key of `theme.spacing` or any valid CSS value to set `padding-top` of the content | -| iconPosition | no | "left" | "right" | "left", "right" | Icon position relative to the step body | -| iconSize | no | string | number | — | Controls size of the step icon, by default icon size is inferred from `size` prop | -| keepMounted | no | false | true | false, true | If set, all step content is kept mounted. React 19 `Activity` is used to preserve state while content is hidden. | -| unstyled | no | false | true | false, true | — | - - -### `Stepper.Completed` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/stepper/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Stepper.Step` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/stepper/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| allowStepClick | no | false | true | false, true | Set to false to disable clicks on step | -| allowStepSelect | no | false | true | false, true | Should step selection be allowed | -| iconPosition | no | "left" | "right" | "left", "right" | Icon position relative to step body, controlled by Stepper component | -| iconSize | no | string | number | — | Icon wrapper size | -| loading | no | false | true | false, true | Indicates loading state of the step | -| state | no | "stepInactive" | "stepProgress" | "stepCompleted" | "stepCompleted", "stepInactive", "stepProgress" | Step state, automatically set by Stepper component based on active prop. stepInactive: not reached, stepProgress: current, stepCompleted: passed | -| withIcon | no | false | true | false, true | When false, hides the step icon. Useful for creating compact steppers with only labels | - - -### `StepperCompleted` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/stepper-completed/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `StepperStep` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/stepper-step/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| allowStepClick | no | false | true | false, true | Set to false to disable clicks on step | -| allowStepSelect | no | false | true | false, true | Should step selection be allowed | -| iconPosition | no | "left" | "right" | "left", "right" | Icon position relative to step body, controlled by Stepper component | -| iconSize | no | string | number | — | Icon wrapper size | -| loading | no | false | true | false, true | Indicates loading state of the step | -| state | no | "stepInactive" | "stepProgress" | "stepCompleted" | "stepCompleted", "stepInactive", "stepProgress" | Step state, automatically set by Stepper component based on active prop. stepInactive: not reached, stepProgress: current, stepCompleted: passed | -| withIcon | no | false | true | false, true | When false, hides the step icon. Useful for creating compact steppers with only labels | - - -### `Switch` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/switch/) -- Temporary bind: `boolean` via `defaultChecked`; read from `inputs.` -- Subcomponents: Switch.Group -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { body?: Record<string, any>; input?: Record<string, any>; label?: Record<string, any>; track?: Record<string, any>; ... 5 more ...; trackLabel?: Record<...>; } | — | — | -| description | no | React.ReactNode | — | Description displayed below the label | -| error | no | React.ReactNode | — | Error displayed below the label | -| label | no | React.ReactNode | — | Content of the label associated with the switch | -| labelPosition | no | "left" | "right" | "left", "right" | Position of the label relative to the input | -| offLabel | no | React.ReactNode | — | Inner label when the `Switch` is in unchecked state | -| thumbIcon | no | React.ReactNode | — | Icon inside the thumb of the switch | -| unstyled | no | false | true | false, true | — | -| withThumbIndicator | no | false | true | false, true | If set, displays a colored dot inside the thumb that matches the track background color | -| wrapperProps | no | (React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & DataAttributes) | — | Props passed down to the root element | - - -### `Switch.Group` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/switch/) -- Temporary bind: `string[]` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; root?: Record<string, any>; description?: Record<string, any>; error?: Record<string, any>; success?: Record<...>; required?: Record<...>; } | — | — | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| hiddenInputProps | no | (React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & DataAttributes) | — | Props passed down to the hidden input for uncontrolled forms | -| hiddenInputValuesSeparator | no | string | — | Separator for values in the hidden input for uncontrolled forms | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelElement | no | "div" | "label" | "div", "label" | Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| maxSelectedValues | no | number | — | Maximum number of switches that can be selected. When the limit is reached, unselected switches will be disabled | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| wrapperProps | no | (React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & DataAttributes) | — | Props passed down to the `Input.Wrapper` | - - -### `SwitchGroup` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/switch-group/) -- Temporary bind: `string[]` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { label?: Record<string, any>; root?: Record<string, any>; description?: Record<string, any>; error?: Record<string, any>; success?: Record<...>; required?: Record<...>; } | — | — | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| hiddenInputProps | no | (React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & DataAttributes) | — | Props passed down to the hidden input for uncontrolled forms | -| hiddenInputValuesSeparator | no | string | — | Separator for values in the hidden input for uncontrolled forms | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelElement | no | "div" | "label" | "div", "label" | Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| maxSelectedValues | no | number | — | Maximum number of switches that can be selected. When the limit is reached, unselected switches will be disabled | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| wrapperProps | no | (React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & DataAttributes) | — | Props passed down to the `Input.Wrapper` | - - -### `Table` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/table/) -- Temporary bind: not available -- Subcomponents: Table.Caption, Table.DataRenderer, Table.ScrollContainer, Table.Tbody, Table.Td, Table.Tfoot, Table.Th, Table.Thead, Table.Tr -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { caption?: Record<string, any>; table?: Record<string, any>; tbody?: Record<string, any>; td?: Record<string, any>; tfoot?: Record<...>; th?: Record<...>; thead?: Record<...>; tr?: Record<...>; } | — | — | -| borderColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Color of table borders, key of `theme.colors` or any valid CSS color | -| captionSide | no | "bottom" | "top" | "bottom", "top" | Side of the `Table.Caption` | -| data | no | TableData | — | Data used to generate table, ignored if `children` prop is set | -| highlightOnHover | no | false | true | false, true | If set, table rows background changes to `highlightOnHoverColor` when hovered | -| highlightOnHoverColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Background color of table rows when hovered, key of `theme.colors` or any valid CSS color | -| horizontalSpacing | no | MantineSpacing | "lg", "md", "sm", "xl", "xs" | Horizontal cells spacing, key of `theme.spacing` or any valid CSS value for padding, numbers are converted to rem | -| layout | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "fixed" | "-moz-initial", "auto", "fixed", "inherit", "initial", "revert", "revert-layer", "unset" | Value of `table-layout` style | -| stickyHeader | no | false | true | false, true | If set, `Table.Thead` is sticky | -| stickyHeaderOffset | no | string | number | — | Offset from top at which `Table.Thead` should become sticky | -| striped | no | false | true | "odd" | "even" | "even", false, "odd", true | If set, every odd/even row background changes to `stripedColor`, if set to `true`, then `odd` value will be used | -| stripedColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Background color of striped rows, key of `theme.colors` or any valid CSS color | -| tabularNums | no | false | true | false, true | If set, `font-variant-numeric: tabular-nums` style is applied | -| unstyled | no | false | true | false, true | — | -| verticalSpacing | no | MantineSpacing | "lg", "md", "sm", "xl", "xs" | Vertical cells spacing, key of `theme.spacing` or any valid CSS value for padding, numbers are converted to rem | -| withColumnBorders | no | false | true | false, true | If set, the table has borders between columns | -| withRowBorders | no | false | true | false, true | If set, the table has borders between rows | -| withTableBorder | no | false | true | false, true | If set, the table has the outer border | - - -### `Table.Caption` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/table/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Table.DataRenderer` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/table/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| data | yes | TableData | — | — | - - -### `Table.ScrollContainer` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/table/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { scrollContainer?: Record<string, any>; scrollContainerInner?: Record<string, any>; } | — | — | -| maxHeight | no | Property.MaxHeight<string | number> | — | `max-height` of the `Table` at which it should become scrollable | -| minWidth | no | Property.MinWidth<string | number> | — | `min-width` of the `Table` at which it should become scrollable | -| scrollAreaProps | no | ScrollAreaProps | — | Props passed down to `ScrollArea` component, not applicable with `type="native"` | -| unstyled | no | false | true | false, true | — | - - -### `Table.Tbody` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/table/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Table.Td` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/table/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Table.Tfoot` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/table/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Table.Th` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/table/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Table.Thead` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/table/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Table.Tr` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/table/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `TableCaption` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/table-caption/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `TableOfContents` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/table-of-contents/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Observes headings and scrolling outside the widget root. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `TableScrollContainer` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/table-scroll-container/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { scrollContainer?: Record<string, any>; scrollContainerInner?: Record<string, any>; } | — | — | -| maxHeight | no | Property.MaxHeight<string | number> | — | `max-height` of the `Table` at which it should become scrollable | -| minWidth | no | Property.MinWidth<string | number> | — | `min-width` of the `Table` at which it should become scrollable | -| scrollAreaProps | no | ScrollAreaProps | — | Props passed down to `ScrollArea` component, not applicable with `type="native"` | -| unstyled | no | false | true | false, true | — | - - -### `TableTbody` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/table-tbody/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `TableTd` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/table-td/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `TableTfoot` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/table-tfoot/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `TableTh` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/table-th/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `TableThead` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/table-thead/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `TableTr` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/table-tr/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -_No component-specific props. Use the shared prop API._ - - -### `Tabs` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/tabs/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.` -- Subcomponents: Tabs.List, Tabs.Panel, Tabs.Tab -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| activateTabWithKeyboard | no | false | true | false, true | If set, tab is activated with arrow key press | -| allowTabDeactivation | no | false | true | false, true | If set, tab can be deactivated | -| attributes | no | { root?: Record<string, any>; panel?: Record<string, any>; list?: Record<string, any>; tab?: Record<string, any>; tabSection?: Record<...>; tabLabel?: Record<...>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on background color for `pills` variant | -| inverted | no | false | true | false, true | Determines whether tabs should have inverted styles | -| keepMounted | no | false | true | false, true | If set to `false`, `Tabs.Panel` content will be unmounted when the associated tab is not active | -| keepMountedMode | no | "activity" | "display-none" | "activity", "display-none" | Controls how inactive tabs content is hidden when `keepMounted` is `true`, `'activity'` – hidden with `Activity` component, `'display-none'` – hidden with `display: none` styles | -| loop | no | false | true | false, true | If set, arrow key presses loop though items (first to last and last to first) | -| placement | no | "left" | "right" | "left", "right" | `Tabs.List` placement relative to `Tabs.Panel`, applicable only when `orientation="vertical"` | -| unstyled | no | false | true | false, true | — | - - -### `Tabs.List` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/tabs/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| grow | no | false | true | false, true | Determines whether tabs should take all available space | -| justify | no | Property.JustifyContent | "-moz-initial", "center", "end", "flex-end", "flex-start", "inherit", "initial", "left", "normal", "revert", "revert-layer", "right", "space-around", "space-between", "space-evenly", "start", "stretch", "unset" | Tabs alignment | - - -### `Tabs.Panel` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/tabs/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| keepMounted | no | false | true | false, true | If set, the content is kept mounted, even if `keepMounted` is set `false` in the parent `Tabs` component | - - -### `Tabs.Tab` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/tabs/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| leftSection | no | React.ReactNode | — | Content displayed on the left side of the label | -| rightSection | no | React.ReactNode | — | Content displayed on the right side of the label | -| unstyled | no | false | true | false, true | — | - - -### `TabsList` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/tabs-list/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| grow | no | false | true | false, true | Determines whether tabs should take all available space | -| justify | no | Property.JustifyContent | "-moz-initial", "center", "end", "flex-end", "flex-start", "inherit", "initial", "left", "normal", "revert", "revert-layer", "right", "space-around", "space-between", "space-evenly", "start", "stretch", "unset" | Tabs alignment | - - -### `TabsPanel` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/tabs-panel/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| keepMounted | no | false | true | false, true | If set, the content is kept mounted, even if `keepMounted` is set `false` in the parent `Tabs` component | - - -### `TabsTab` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/tabs-tab/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| leftSection | no | React.ReactNode | — | Content displayed on the left side of the label | -| rightSection | no | React.ReactNode | — | Content displayed on the right side of the label | -| unstyled | no | false | true | false, true | — | - - -### `TagsInput` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/tags-input/) -- Temporary bind: `string[]` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| acceptValueOnBlur | no | false | true | false, true | If set, the value typed in by the user but not submitted is accepted when the input is blurred | -| allowDuplicates | no | false | true | false, true | If set, duplicate tags are allowed | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; option?: Record<string, any>; section?: Record<string, any>; ... 14 more ...; inputField?: Record<...>; } | — | — | -| clearButtonProps | no | InputClearButtonProps | — | Props passed down to the clear button | -| clearSectionMode | no | "both" | "rightSection" | "clear" | "both", "clear", "rightSection" | Determines how the clear button and rightSection are rendered | -| clearable | no | false | true | false, true | If set, the clear button is displayed in the right section when the component has value | -| comboboxProps | no | ComboboxProps | — | Props passed down to `Combobox` component | -| data | no | ComboboxGenericData | — | Data displayed in the dropdown. Values must be unique. | -| defaultDropdownOpened | no | false | true | false, true | Uncontrolled dropdown initial opened state | -| defaultSearchValue | no | string | — | Default search value | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| dropdownOpened | no | false | true | false, true | Controlled dropdown opened state | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| floatingHeight | no | "viewport" | "viewport" | If set to `'viewport'`, the dropdown grows to fill the available vertical space in the viewport. Disables the `flip` middleware. | -| hiddenInputProps | no | Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value"> | — | Props passed down to the hidden input | -| hiddenInputValuesDivider | no | string | — | Divider used to separate values in the hidden input `value` attribute | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| limit | no | number | — | Maximum number of options displayed at a time, `Infinity` by default | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| maxDropdownHeight | no | string | number | — | `max-height` of the dropdown, only applicable when `withScrollArea` prop is `true`, `250` by default | -| maxTags | no | number | — | Maximum number of tags | -| openOnFocus | no | false | true | false, true | If set, the dropdown opens when the input receives focus | -| pointer | no | false | true | false, true | Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component="button"` for Select/DatePicker). | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| scrollAreaProps | no | ScrollAreaProps | — | Props passed down to the underlying `ScrollArea` component in the dropdown | -| searchValue | no | string | — | Controlled search value | -| selectFirstOptionOnChange | no | false | true | false, true | If set, the first option is selected when value changes, `false` by default | -| selectFirstOptionOnDropdownOpen | no | false | true | false, true | If set, the first option is selected when dropdown opens, `false` by default | -| splitChars | no | string[] | — | Characters that should trigger tags split, `[',']` by default | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withPillsReorder | no | false | true | false, true | If set, tags can be reordered by dragging pills. Disabled when `disabled` or `readOnly` is set. | -| withScrollArea | no | false | true | false, true | Determines whether the options should be wrapped with `ScrollArea.AutoSize`, `true` by default | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | - - -### `Text` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/text/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| gradient | no | MantineGradient | — | Gradient configuration, ignored when `variant` is not `gradient` | -| inherit | no | false | true | false, true | Determines whether font properties should be inherited from the parent | -| inline | no | false | true | false, true | Sets `line-height` to 1 for centering | -| lineClamp | no | number | — | Number of lines after which Text will be truncated | -| span | no | false | true | false, true | Shorthand for `component="span"` | -| textWrap | no | "wrap" | "nowrap" | "balance" | "pretty" | "stable" | "balance", "nowrap", "pretty", "stable", "wrap" | Controls `text-wrap` CSS property | -| truncate | no | false | true | "end" | "start" | "end", false, "start", true | Side on which Text must be truncated, if `true`, text is truncated from the start | -| unstyled | no | false | true | false, true | — | - - -### `TextInput` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/text-input/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; section?: Record<string, any>; root?: Record<string, any>; ... 5 more ...; bottomSection?: Record<...>; } | — | — | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| pointer | no | false | true | false, true | Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component="button"` for Select/DatePicker). | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | - - -### `Textarea` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/textarea/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; section?: Record<string, any>; root?: Record<string, any>; ... 5 more ...; bottomSection?: Record<...>; } | — | — | -| autosize | no | false | true | false, true | If set, enables textarea height growing with its content | -| bottomSection | no | React.ReactNode | — | Content rendered at the bottom of the input, inside the border | -| bottomSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `bottomSection` element | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| maxRows | no | number | — | Maximum rows for autosize textarea to grow, ignored if `autosize` prop is not set | -| minRows | no | number | — | Minimum rows of autosize textarea, ignored if `autosize` prop is not set | -| pointer | no | false | true | false, true | Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component="button"` for Select/DatePicker). | -| resize | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "block" | "inline" | "both" | "horizontal" | "vertical" | "-moz-initial", "block", "both", "horizontal", "inherit", "initial", "inline", "none", "revert", "revert-layer", "unset", "vertical" | Controls `resize` CSS property | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | - - -### `ThemeIcon` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/theme-icon/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on background color for `filled` variant | -| gradient | no | MantineGradient | — | Gradient data used when `variant="gradient"` | -| unstyled | no | false | true | false, true | — | - - -### `Timeline` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/timeline/) -- Temporary bind: not available -- Subcomponents: Timeline.Item -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| active | no | number | — | Index of the active element | -| attributes | no | { root?: Record<string, any>; item?: Record<string, any>; itemTitle?: Record<string, any>; itemBody?: Record<string, any>; itemContent?: Record<...>; itemBullet?: Record<...>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on background color for `filled` variant | -| bulletSize | no | string | number | — | Size of the bullet | -| lineWidth | no | string | number | — | Control width of the line | -| reverseActive | no | false | true | false, true | If set, the active items direction is reversed without reversing items order | -| unstyled | no | false | true | false, true | — | - - -### `Timeline.Item` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/timeline/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| bullet | no | React.ReactNode | — | React node that should be rendered inside the bullet – icon, image, avatar, etc. By default, large white dot is displayed. | -| lineVariant | no | "dashed" | "dotted" | "solid" | "dashed", "dotted", "solid" | Controls line border style | - - -### `TimelineItem` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/timeline-item/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| bullet | no | React.ReactNode | — | React node that should be rendered inside the bullet – icon, image, avatar, etc. By default, large white dot is displayed. | -| lineVariant | no | "dashed" | "dotted" | "solid" | "dashed", "dotted", "solid" | Controls line border style | - - -### `Title` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/title/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| lineClamp | no | number | — | Number of lines after which heading will be truncated | -| textWrap | no | "wrap" | "nowrap" | "balance" | "pretty" | "stable" | "balance", "nowrap", "pretty", "stable", "wrap" | Heading `text-wrap` CSS property | -| unstyled | no | false | true | false, true | — | - - -### `Tooltip` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/tooltip/) -- Temporary bind: not available -- Subcomponents: Tooltip.Floating, Tooltip.Group -- Component-specific blocked props: target — String targets can select elements outside the widget root -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| arrowOffset | no | number | — | Arrow offset in px | -| arrowPosition | no | "center" | "side" | "merge" | "center", "merge", "side" | Arrow position relative to the tooltip | -| arrowRadius | no | number | — | Arrow `border-radius` in px | -| arrowSize | no | number | — | Arrow size in px | -| attributes | no | { tooltip?: Record<string, any>; arrow?: Record<string, any>; } | — | — | -| autoContrast | no | false | true | false, true | If set, adjusts text color based on background color for `filled` variant | -| closeDelay | no | number | — | Close delay in ms | -| defaultOpened | no | false | true | false, true | Uncontrolled tooltip initial opened state | -| events | no | { hover: boolean; focus: boolean; touch: boolean; } | — | Determines which events will be used to show tooltip | -| floatingStrategy | no | "fixed" | "absolute" | "absolute", "fixed" | Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy) | -| inline | no | false | true | false, true | Must be set if the tooltip target is an inline element | -| keepMounted | no | false | true | false, true | If set, the tooltip is not unmounted from the DOM when hidden, `display: none` styles are applied instead | -| label | no | React.ReactNode | — | Tooltip content | -| middlewares | no | TooltipMiddlewares | — | Floating ui middlewares to configure position handling, `{ flip: true, shift: true, inline: false }` by default | -| multiline | no | false | true | false, true | Determines whether content should be wrapped on to the next line, `false` by default | -| openDelay | no | number | — | Open delay in ms | -| opened | no | false | true | false, true | Controlled opened state | -| position | no | "left" | "right" | "bottom" | "top" | "left-end" | "left-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom", "bottom-end", "bottom-start", "left", "left-end", "left-start", "right", "right-end", "right-start", "top", "top-end", "top-start" | Tooltip position relative to target element (`Tooltip` component) or mouse (`Tooltip.Floating` component) | -| transitionProps | no | Partial<Omit<TransitionProps, "mounted">> | — | Props passed down to the `Transition` component that used to animate tooltip presence, use to configure duration and animation type | -| unstyled | no | false | true | false, true | — | -| withArrow | no | false | true | false, true | If set, the tooltip has an arrow | - - -### `Tooltip.Floating` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/tooltip/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { tooltip?: Record<string, any>; arrow?: Record<string, any>; } | — | — | -| defaultOpened | no | false | true | false, true | Uncontrolled tooltip initial opened state | -| label | no | React.ReactNode | — | Tooltip content | -| middlewares | no | TooltipMiddlewares | — | Floating ui middlewares to configure position handling, `{ flip: true, shift: true, inline: false }` by default | -| multiline | no | false | true | false, true | Determines whether content should be wrapped on to the next line, `false` by default | -| position | no | "left" | "right" | "bottom" | "top" | "left-end" | "left-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom", "bottom-end", "bottom-start", "left", "left-end", "left-start", "right", "right-end", "right-start", "top", "top-end", "top-start" | Tooltip position relative to target element (`Tooltip` component) or mouse (`Tooltip.Floating` component) | -| unstyled | no | false | true | false, true | — | - - -### `Tooltip.Group` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/tooltip/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| closeDelay | no | number | — | Close delay in ms | -| openDelay | no | number | — | Open delay in ms | - - -### `TooltipFloating` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/tooltip-floating/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { tooltip?: Record<string, any>; arrow?: Record<string, any>; } | — | — | -| defaultOpened | no | false | true | false, true | Uncontrolled tooltip initial opened state | -| label | no | React.ReactNode | — | Tooltip content | -| middlewares | no | TooltipMiddlewares | — | Floating ui middlewares to configure position handling, `{ flip: true, shift: true, inline: false }` by default | -| multiline | no | false | true | false, true | Determines whether content should be wrapped on to the next line, `false` by default | -| position | no | "left" | "right" | "bottom" | "top" | "left-end" | "left-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom", "bottom-end", "bottom-start", "left", "left-end", "left-start", "right", "right-end", "right-start", "top", "top-end", "top-start" | Tooltip position relative to target element (`Tooltip` component) or mouse (`Tooltip.Floating` component) | -| unstyled | no | false | true | false, true | — | - - -### `TooltipGroup` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/tooltip-group/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| closeDelay | no | number | — | Close delay in ms | -| openDelay | no | number | — | Open delay in ms | - - -### `Transition` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/core/transition/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Requires an authored render callback. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `Tree` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/tree/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| allowRangeSelection | no | false | true | false, true | If set, tree nodes range can be selected with click when `Shift` key is pressed | -| attributes | no | { label?: Record<string, any>; root?: Record<string, any>; node?: Record<string, any>; subtree?: Record<string, any>; } | — | — | -| checkOnSpace | no | false | true | false, true | If set, tree node is checked on space key press | -| clearSelectionOnOutsideClick | no | false | true | false, true | If set, selection is cleared when user clicks outside of the tree | -| data | yes | TreeNodeData[] | — | Data used to render nodes | -| expandOnClick | no | false | true | false, true | If set, tree node with children is expanded on click | -| expandOnSpace | no | false | true | false, true | If set, tree node with children is expanded on space key press | -| keepMounted | no | false | true | false, true | If set, subtree content is kept mounted when collapsed. React 19 `Activity` is used to preserve state. | -| levelOffset | no | MantineSpacing | "lg", "md", "sm", "xl", "xs" | Horizontal padding of each subtree level, key of `theme.spacing` or any valid CSS value | -| selectOnClick | no | false | true | false, true | If set, tree node is selected on click | -| tree | no | UseTreeReturnType | — | Use-tree hook instance that can be used to manipulate component state | -| unstyled | no | false | true | false, true | — | -| withDragHandle | no | false | true | false, true | If set, drag-and-drop must be initiated from an element that spreads `dragHandleProps` from the `renderNode` payload, rather than anywhere on the node. | -| withLines | no | false | true | false, true | If set, connecting lines are rendered showing parent-child relationships | - - -### `TreeSelect` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/tree-select/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.`; becomes `string[]` when `mode` is `multiple` or `checkbox` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| allowDeselect | no | false | true | false, true | Allows deselecting in single mode | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; option?: Record<string, any>; section?: Record<string, any>; ... 14 more ...; inputField?: Record<...>; } | — | — | -| checkStrictly | no | false | true | false, true | Disables parent-child cascade in checkbox mode | -| checkedStrategy | no | "all" | "parent" | "child" | "all", "child", "parent" | Controls which checked nodes appear in value/pills in checkbox mode | -| chevronAriaLabels | no | TreeSelectChevronAriaLabels | — | aria-label values for the expand/collapse chevron button | -| chevronColor | no | DefaultMantineColor | "blue", "cyan", "dark", "grape", "gray", "green", "indigo", "lime", "orange", "pink", "red", "teal", "violet", "yellow" | Controls the default chevron color | -| clearButtonProps | no | InputClearButtonProps | — | Props for the clear button | -| clearSearchOnChange | no | false | true | false, true | Clear search on selection change | -| clearSectionMode | no | "both" | "rightSection" | "clear" | "both", "clear", "rightSection" | Determines how the clear button and rightSection are rendered | -| clearable | no | false | true | false, true | Shows clear button | -| comboboxProps | no | Record<string, any> | — | Props passed to the underlying Combobox | -| data | yes | TreeNodeData[] | — | Tree data | -| defaultDropdownOpened | no | false | true | false, true | Default dropdown state | -| defaultExpandAll | no | false | true | false, true | Expand all nodes by default | -| defaultExpandedValues | no | string[] | — | Default expanded node values | -| defaultSearchValue | no | string | — | Default search value | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| dropdownOpened | no | false | true | false, true | Controlled dropdown state | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| expandOnClick | no | false | true | false, true | Also toggle expand when clicking a parent node (not just the chevron). In `single` and `multiple` modes, parent clicks only expand; only leaves can be selected. In `checkbox` mode, parent clicks both check and expand. | -| expandedValues | no | string[] | — | Controlled expanded state | -| hiddenInputProps | no | Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value"> | — | Props for the hidden input | -| hiddenInputValuesDivider | no | string | — | Divider for hidden input values | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| maxDisplayedValues | no | number | — | Maximum displayed pills before "+N more" | -| maxDropdownHeight | no | string | number | — | Max dropdown height | -| maxValues | no | number | — | Maximum selectable values (multiple/checkbox mode) | -| nothingFoundMessage | no | React.ReactNode | — | Message when no nodes match search | -| openOnFocus | no | false | true | false, true | Opens dropdown on focus (searchable mode) | -| pointer | no | false | true | false, true | Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component="button"` for Select/DatePicker). | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| scrollAreaProps | no | ScrollAreaProps | — | Props for the ScrollArea in the dropdown | -| searchValue | no | string | — | Controlled search value | -| searchable | no | false | true | false, true | Enables search filtering | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withLines | no | false | true | false, true | Show tree connection lines between parent and child nodes | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | - - -### `TreeSelectOption` - -- Safety: `wrapped` -- Category: `navigation` -- Documentation: [upstream component API](https://mantine.dev/core/tree-select-option/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide an accessible label for controls without visible text. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| chevronAriaLabels | no | TreeSelectChevronAriaLabels | — | — | -| expanded | yes | false | true | false, true | — | -| hasChildren | yes | false | true | false, true | — | -| indeterminate | yes | false | true | false, true | — | -| isLastChild | yes | false | true | false, true | — | -| level | yes | number | — | — | -| lineGuides | yes | boolean[] | — | — | -| node | yes | TreeNodeData | — | — | -| selected | yes | false | true | false, true | — | -| showCheckbox | yes | false | true | false, true | — | -| withLines | yes | false | true | false, true | — | - - -### `Typography` - -- Safety: `wrapped` -- Category: `layout` -- Documentation: [upstream component API](https://mantine.dev/core/typography/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Keep visual order consistent with reading order. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| unstyled | no | false | true | false, true | — | - - -### `UnstyledButton` - -- Safety: `wrapped` -- Category: `interaction` -- Documentation: [upstream component API](https://mantine.dev/core/unstyled-button/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide a visible label or aria-label. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| unstyled | no | false | true | false, true | — | - - -### `VisuallyHidden` - -- Safety: `wrapped` -- Category: `content` -- Documentation: [upstream component API](https://mantine.dev/core/visually-hidden/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Provide meaningful text alternatives for non-text content. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; } | — | — | -| unstyled | no | false | true | false, true | — | +# Mantine UI - LLM Documentation + +This index lists Mantine documentation pages formatted for LLMs. +Each link points to a standalone Markdown file under the /llms path. + +For a single consolidated file with all content, use: +- https://mantine.dev/llms-full.txt + +## FAQ + +- [Are Mantine components accessible?](https://mantine.dev/llms/q-are-mantine-components-accessible.md): Learn about Mantine components accessibility features +- [Browser zooms in when input is focused. What should I do?](https://mantine.dev/llms/q-browser-zooms-on-focus.md): Use meta tag to disable browser scaling or increase input size +- [Can I have color schemes other than light and dark?](https://mantine.dev/llms/q-light-dark-is-not-enough.md): Learn about the difference between color scheme and theme +- [Can I have different primary color for light and dark color schemes?](https://mantine.dev/llms/q-primary-virtual-color.md): Learn how to use virtual color with primary color in theme object +- [Can I remove MultiSelect placeholder when the component has selected values?](https://mantine.dev/llms/q-multiselect-value-placeholder.md): Learn why MultiSelect placeholder is not removed when values are selected and how to remove it with CSS +- [Can I use an array of strings as a list in use-form?](https://mantine.dev/llms/q-list-of-strings-in-use-form.md): Learn about use-form lists limitations +- [Can I use Mantine components as server components?](https://mantine.dev/llms/q-server-components.md): Learn about use client directive and server components usage +- [Can I use Mantine with Astro?](https://mantine.dev/llms/q-can-i-use-mantine-with-astro.md): No, Astro does not support React context +- [Can I use Mantine with Create React App (CRA)?](https://mantine.dev/llms/q-can-i-use-mantine-with-cra.md): Learn how to use Mantine without postcss-preset-mantine or how to eject CRA and customize webpack.config.js and use postcss-preset-mantine +- [Can I use Mantine with Emotion/styled-components/tailwindcss?](https://mantine.dev/llms/q-third-party-styles.md): Learn about limitations of third-party styles +- [Can I use Mantine with Vue/Svelte/Angular/etc.?](https://mantine.dev/llms/q-vue-svelte-angular.md): No, Mantine is a React library and does not support other frameworks/libraries +- [Can I use nested inline styles with Mantine components?](https://mantine.dev/llms/q-nested-inline-styles.md): Nested styles are supported only in CSS files +- [Can I use PostCSS function in inline styles?](https://mantine.dev/llms/q-postcss-fns-inline.md): Learn where PostCSS functions can be used in Mantine +- [Can I use private CSS variables to style components?](https://mantine.dev/llms/q-private-css-variables.md): No, it is not safe and will not work with future versions of Mantine. +- [Can I use SegmentedControl with empty value?](https://mantine.dev/llms/q-segmented-control-no-value.md): SegmentedControl cannot be used without a value +- [How can I add dynamic CSS styles?](https://mantine.dev/llms/q-dynamic-css-styles.md): Use data attributes, CSS variables or inline styles +- [How can I add fuzzy search to Select component?](https://mantine.dev/llms/q-select-fuzzy.md): Learn how to integrate third-party fuzzy search libraries with Mantine Select component +- [How can I add hover styles to an element?](https://mantine.dev/llms/q-how-to-add-hover-styles.md): Learn how to add hover classes to an element with CSS modules, &:hover or @mixin hover +- [How can I apply styles to all Mantine components?](https://mantine.dev/llms/q-apply-styles-to-all.md): Learn how to use attribute selector to apply styles to all Mantine components +- [How can I change body background color?](https://mantine.dev/llms/q-body-background.md): Use CSS to change body background color +- [How can I change component color prop value depending on the color scheme?](https://mantine.dev/llms/q-color-scheme-color.md): Learn how to use CSS variables resolver to change color value depending on the color scheme +- [How can I change input focus styles?](https://mantine.dev/llms/q-input-focus-styles.md): Learn how to use Styles API with Mantine inputs +- [How can I change Tabs border color?](https://mantine.dev/llms/q-tabs-border-color.md): Learn how to use Styles API with Tabs component +- [How can I contribute to the library?](https://mantine.dev/llms/q-how-can-i-contribute.md): There are multiple ways to contribute even without writing code +- [How can I disable all inputs/input groups inside a form?](https://mantine.dev/llms/q-disable-all-inputs-in-form.md): Learn how to disable all inputs/input groups inside a form with the unstyled Fieldset component +- [How can I display different elements in light and dark color schemes?](https://mantine.dev/llms/q-light-dark-elements.md): Learn how to hide/show elements based on color scheme +- [How can I focus the first input with error with use-form?](https://mantine.dev/llms/q-focus-first-input-with-error.md): Learn how to handle focus with use-form hook +- [How can I get current color scheme value in JavaScript?](https://mantine.dev/llms/q-how-to-get-color-scheme-value-in-js.md): How to use useMantineColorScheme and useComputedColorScheme hooks to get current color scheme value in JavaScript +- [How can I lint CSS files?](https://mantine.dev/llms/q-how-to-setup-stylelint.md): Learn how to set up Stylelint for Mantine postcss syntax +- [How can I load fonts in Next.js?](https://mantine.dev/llms/q-next-load-fonts.md): A guide to load custom fonts in Next.js with CSS and next/font package +- [How can I load fonts in React Router?](https://mantine.dev/llms/q-react-router-load-fonts.md): A guide to load custom fonts in React Router +- [How can I load fonts in Vite?](https://mantine.dev/llms/q-vite-load-fonts.md): A guide to load custom fonts in Vite +- [How can I lock scroll in my application?](https://mantine.dev/llms/q-how-to-lock-scroll.md): Use react-remove-scroll library to lock scroll in your application +- [How can I submit a template to Mantine documentation?](https://mantine.dev/llms/q-submit-template.md): Learn how to create and submit a template to Mantine documentation +- [How can I test Modal/Drawer/Popover components?](https://mantine.dev/llms/q-portals-testing.md): Learn how to use react-testing-library to test components that use portals and transitions. +- [How can I test Select/MultiSelect components?](https://mantine.dev/llms/q-combobox-testing.md): Learn how to use react-testing-library to test Select and MultiSelect components. +- [How can I upload files from Dropzone component?](https://mantine.dev/llms/q-dropzone-upload.md): Learn how to process files dropped into Dropzone component +- [How is that thing done on the mantine.dev website?](https://mantine.dev/llms/q-how-that-thing-is-done.md): Learn how various elements are implemented on the mantine.dev website +- [How to align input with a button in a flex container?](https://mantine.dev/llms/q-align-input-button.md): Learn how to align Mantine inputs with buttons using Group component +- [How to call a function when Modal/Drawer closes and animation completes?](https://mantine.dev/llms/q-how-to-call-function-when-modal-closes.md): How to use transitionProps in Modal/Drawer components +- [How to change background color for FiveM?](https://mantine.dev/llms/q-fivem-background-color.md): Unset body background color and color-scheme styles for FiveM +- [How to change input placeholder color?](https://mantine.dev/llms/q-inputs-placeholder-color.md): Learn how to change placeholder color with Styles API +- [How to integrate custom input with use-form hook?](https://mantine.dev/llms/q-custom-input-use-form.md): Learn how to add use-form support for custom inputs +- [How to prevent Modal from closing?](https://mantine.dev/llms/q-how-to-prevent-modal-from-closing.md): Learn how to prevent Modal from closing when the user clicks outside of it or presses the Escape key +- [How to scroll to the top of the form if the form is submitted with errors?](https://mantine.dev/llms/q-scroll-to-the-top-of-the-form.md): Learn how to call a function when the form is submitted with errors +- [How to update Mantine dependencies?](https://mantine.dev/llms/q-how-to-update-dependencies.md): Learn how to update @mantine/*, @mantinex/* and postcss-preset-mantine dependencies manually or with ncu script +- [How to use Dropzone with @mantine/form?](https://mantine.dev/llms/q-how-to-use-dropzone-with-form.md): Learn how to use Dropzone with @mantine/form to handle file selection state +- [How to use Mantine template on GitHub?](https://mantine.dev/llms/q-templates-usage.md): Learn how to create a new repository based on Mantine template +- [I get hydration warning about data-mantine-color-scheme attribute, what does it mean?](https://mantine.dev/llms/q-color-scheme-hydration-warning.md): Learn how hydration works and how to fix warnings +- [Is there a comparison with other libraries?](https://mantine.dev/llms/q-other-libs.md): Comparison with other libraries is not provided, you are trusted to make your own decision based on documentation examples +- [Is there a floating action button component?](https://mantine.dev/llms/q-floating-action-button.md): No, but you can build it with Affix and ActionIcon components +- [Is there DataGrid component that I can use with Mantine?](https://mantine.dev/llms/q-data-grid-i-need.md): A list of community packages that provide DataGrid component that can be used with Mantine. +- [It is not possible to pinch to zoom when a Modal is opened. What should I do?](https://mantine.dev/llms/q-pinch-to-zoom-modal.md): Use removeScrollProps to configure react-remove-scroll options +- [MantineProvider was not found in component tree. What should I do?](https://mantine.dev/llms/q-mantine-provider-missing.md): Learn how to resolve MantineProvider issues +- [My buttons are transparent and the background is visible only on hover, what is wrong?](https://mantine.dev/llms/q-transparent-buttons.md): You have installed a third-party library that overrides Mantine styles +- [My Popover dropdown closes when I click on the dropdown of a nested Popover](https://mantine.dev/llms/q-nested-popover-closes.md): Popover dropdown is closed when it detects click-outside events +- [My styles are broken with disabled JavaScript. What should I do?](https://mantine.dev/llms/q-disabled-js.md): Learn how to use Mantine without JavaScript enabled +- [My styles are overridden by Mantine components styles, what should I do?](https://mantine.dev/llms/q-styles-order.md): Learn how to use CSS layers to control styles order and prevent Mantine components from overriding your styles +- [Native browser validation does not work in some components, what should I do?](https://mantine.dev/llms/q-native-required.md): Learn why native browser validation does not work in some components +- [The use-local-storage hook returns the real value only after mounting. Is it a bug?](https://mantine.dev/llms/q-local-storage-effect.md): Learn how Mantine retrieves local storage value +- [What is the difference between searchable Select and Autocomplete?](https://mantine.dev/llms/q-select-autocomplete-difference.md): Searchable Select and Autocomplete are similar components, but they serve different purposes. +- [Where can I find the roadmap?](https://mantine.dev/llms/q-roadmap.md): The roadmap is private and only available to the team. +- [Why are my Carousel slides in vertical orientation?](https://mantine.dev/llms/q-carousel-missing-styles.md): You forgot to import carousel styles +- [Why are my notifications displayed at the wrong position?](https://mantine.dev/llms/q-notifications-missing-styles.md): Because you did not import styles +- [Why can I not use one polymorphic component in the component prop of another polymorphic component?](https://mantine.dev/llms/q-polymorphic-in-polymorphic.md): Learn how polymorphic components types work +- [Why can I not use value/label data structure with Autocomplete/TagsInput?](https://mantine.dev/llms/q-autocomplete-value-label.md): Learn the difference between Autocomplete and Select components +- [Why can VSCode not autoimport the Text component?](https://mantine.dev/llms/q-why-vscode-cannot-autoimport-text.md): It is confused by the native Text constructor +- [Why do I see color scheme flickering on page load?](https://mantine.dev/llms/q-color-scheme-flickering.md): Color scheme flickering is caused by incorrect usage of ColorSchemeScript +- [Why do my dates components look broken?](https://mantine.dev/llms/q-dates-missing-styles.md): Because you did not import styles +- [Why does FileButton not work in Menu?](https://mantine.dev/llms/q-file-button-in-menu.md): Learn how to use FileButton in Menu component +- [Why is it required to have 10 shades per color?](https://mantine.dev/llms/q-ten-shades-per-color.md): Learn how Mantine uses theme colors +- [Why is my screen completely empty after I](https://mantine.dev/llms/q-notifications-empty-screen.md): You have used Notifications component incorrectly + +## Core + +- [Accordion](https://mantine.dev/llms/core-accordion.md): Divide content into collapsible sections +- [ActionIcon](https://mantine.dev/llms/core-action-icon.md): Icon button +- [Affix](https://mantine.dev/llms/core-affix.md): Renders children inside portal at fixed position +- [Alert](https://mantine.dev/llms/core-alert.md): Attract user attention with important static message +- [AlphaSlider](https://mantine.dev/llms/core-alpha-slider.md): Slider component for selecting alpha channel in color pickers (0 – 1) +- [Anchor](https://mantine.dev/llms/core-anchor.md): Display link with theme styles +- [AngleSlider](https://mantine.dev/llms/core-angle-slider.md): Pick angle value between 0 and 360 +- [AppShell](https://mantine.dev/llms/core-app-shell.md): Responsive shell for your application with header, navbar, aside and footer +- [AspectRatio](https://mantine.dev/llms/core-aspect-ratio.md): Maintain responsive consistent width/height ratio +- [Autocomplete](https://mantine.dev/llms/core-autocomplete.md): Autocomplete user input with any list of options +- [Avatar](https://mantine.dev/llms/core-avatar.md): Display user profile image, initials or fallback icon +- [BackgroundImage](https://mantine.dev/llms/core-background-image.md): Displays image as background +- [Badge](https://mantine.dev/llms/core-badge.md): Display badge, pill or tag +- [Blockquote](https://mantine.dev/llms/core-blockquote.md): Blockquote with optional cite +- [Box](https://mantine.dev/llms/core-box.md): Base component for all Mantine components +- [Breadcrumbs](https://mantine.dev/llms/core-breadcrumbs.md): Separates list of react nodes with given separator +- [Burger](https://mantine.dev/llms/core-burger.md): Open/close navigation button +- [Button](https://mantine.dev/llms/core-button.md): Button component to render button or link +- [Card](https://mantine.dev/llms/core-card.md): Card with sections +- [Center](https://mantine.dev/llms/core-center.md): Centers content vertically and horizontally +- [Checkbox](https://mantine.dev/llms/core-checkbox.md): Capture boolean input from user +- [Chip](https://mantine.dev/llms/core-chip.md): Pick one or multiple values with inline controls +- [CloseButton](https://mantine.dev/llms/core-close-button.md): Button with close icon +- [Code](https://mantine.dev/llms/core-code.md): Inline and block code +- [Collapse](https://mantine.dev/llms/core-collapse.md): Animate presence with slide down/up transition +- [ColorInput](https://mantine.dev/llms/core-color-input.md): Capture color from user +- [ColorPicker](https://mantine.dev/llms/core-color-picker.md): Pick colors in hex(a), rgb(a), hsl(a) and hsv(a) formats +- [ColorSwatch](https://mantine.dev/llms/core-color-swatch.md): Displays color +- [Combobox](https://mantine.dev/llms/core-combobox.md): Create custom select, autocomplete or multiselect inputs +- [ComboboxPopover](https://mantine.dev/llms/core-combobox-popover.md): Add combobox dropdown to any button element +- [Container](https://mantine.dev/llms/core-container.md): Center content with padding and max-width +- [CopyButton](https://mantine.dev/llms/core-copy-button.md): Copies given text to clipboard +- [CorePackage](https://mantine.dev/llms/core-package.md) +- [DataList](https://mantine.dev/llms/core-data-list.md): Display label-value pairs as a description list +- [Dialog](https://mantine.dev/llms/core-dialog.md): Display a fixed overlay dialog at any side of the screen +- [Divider](https://mantine.dev/llms/core-divider.md): Horizontal line with optional label or vertical divider +- [Drawer](https://mantine.dev/llms/core-drawer.md): Display overlay area at any side of the screen +- [EmptyState](https://mantine.dev/llms/core-empty-state.md): Display a placeholder for no data, empty results and first-run states +- [Fieldset](https://mantine.dev/llms/core-fieldset.md): Group related elements in a form +- [FileButton](https://mantine.dev/llms/core-file-button.md): Open file picker with a button click +- [FileInput](https://mantine.dev/llms/core-file-input.md): Capture files from user +- [Flex](https://mantine.dev/llms/core-flex.md): Compose elements in a flex container +- [FloatingIndicator](https://mantine.dev/llms/core-floating-indicator.md): Display a floating indicator over a group of elements +- [FloatingWindow](https://mantine.dev/llms/core-floating-window.md): Draggable floating area +- [FocusTrap](https://mantine.dev/llms/core-focus-trap.md): Trap focus at child node +- [Grid](https://mantine.dev/llms/core-grid.md): Responsive 12 columns grid system +- [Group](https://mantine.dev/llms/core-group.md): Compose elements and components in a horizontal flex container +- [Highlight](https://mantine.dev/llms/core-highlight.md): Highlight given part of a string with mark +- [HoverCard](https://mantine.dev/llms/core-hover-card.md): Display popover section when target element is hovered +- [HueSlider](https://mantine.dev/llms/core-hue-slider.md): Slider component for selecting hue channel in color pickers (0 – 360 degrees) +- [Image](https://mantine.dev/llms/core-image.md): Image with optional fallback +- [Indicator](https://mantine.dev/llms/core-indicator.md): Display element at the corner of another element +- [Input](https://mantine.dev/llms/core-input.md): Base component to create custom inputs +- [JsonInput](https://mantine.dev/llms/core-json-input.md): Capture json data from user +- [Kbd](https://mantine.dev/llms/core-kbd.md): Display keyboard key +- [List](https://mantine.dev/llms/core-list.md): Display ordered or unordered list +- [Loader](https://mantine.dev/llms/core-loader.md): Indicate loading state +- [LoadingOverlay](https://mantine.dev/llms/core-loading-overlay.md): An overlay with centered loader +- [Mark](https://mantine.dev/llms/core-mark.md): Highlight part of the text +- [Marquee](https://mantine.dev/llms/core-marquee.md): Create continuous scrolling animation for content +- [MaskInput](https://mantine.dev/llms/core-mask-input.md): Input with mask pattern for formatted text entry +- [Menu](https://mantine.dev/llms/core-menu.md): Combine a list of secondary actions into single interactive area +- [Menubar](https://mantine.dev/llms/core-menubar.md): Desktop application style menubar with a row of menu triggers +- [Modal](https://mantine.dev/llms/core-modal.md): An accessible overlay dialog +- [MultiSelect](https://mantine.dev/llms/core-multi-select.md): Custom searchable multi select +- [NativeSelect](https://mantine.dev/llms/core-native-select.md): Native select element based on Input +- [NavLink](https://mantine.dev/llms/core-nav-link.md): Navigation link +- [Notification](https://mantine.dev/llms/core-notification.md): Show dynamic notifications and alerts to user, part of notifications system +- [NumberFormatter](https://mantine.dev/llms/core-number-formatter.md): Format number with thousands/decimal separators and suffix/prefix +- [NumberInput](https://mantine.dev/llms/core-number-input.md): Capture number from user +- [OverflowList](https://mantine.dev/llms/core-overflow-list.md): Hide items that do not fit in a container and display them as a single collapsed item +- [Overlay](https://mantine.dev/llms/core-overlay.md): Overlays parent element with div element with any color and opacity +- [Pagination](https://mantine.dev/llms/core-pagination.md): Display active page and navigate between multiple pages +- [Paper](https://mantine.dev/llms/core-paper.md): Renders white or dark background depending on color scheme +- [PasswordInput](https://mantine.dev/llms/core-password-input.md): Capture password data from user +- [Pill](https://mantine.dev/llms/core-pill.md): Removable and non-removable tags +- [PillsInput](https://mantine.dev/llms/core-pills-input.md): Base component for custom tags inputs and multi selects +- [PinInput](https://mantine.dev/llms/core-pin-input.md): Capture pin code or one time password from the user +- [Popover](https://mantine.dev/llms/core-popover.md): Display popover section relative to given target element +- [Portal](https://mantine.dev/llms/core-portal.md): Renders component outside of parent element tree +- [Progress](https://mantine.dev/llms/core-progress.md): Give user feedback for status of the task +- [Radio](https://mantine.dev/llms/core-radio.md): Wrapper for input type radio +- [RangeSlider](https://mantine.dev/llms/core-range-slider.md): RangeSlider component +- [Rating](https://mantine.dev/llms/core-rating.md): Pick and display rating +- [RingProgress](https://mantine.dev/llms/core-ring-progress.md): Give user feedback for status of the task with circle diagram +- [RollingNumber](https://mantine.dev/llms/core-rolling-number.md): Animate value changes with rolling digits +- [ScrollArea](https://mantine.dev/llms/core-scroll-area.md): Area with custom scrollbars +- [Scroller](https://mantine.dev/llms/core-scroller.md): Horizontal scroll container with navigation controls +- [SegmentedControl](https://mantine.dev/llms/core-segmented-control.md): A linear set of two or more segments +- [Select](https://mantine.dev/llms/core-select.md): Custom searchable select +- [SemiCircleProgress](https://mantine.dev/llms/core-semi-circle-progress.md): Represent progress with semi circle diagram +- [SimpleGrid](https://mantine.dev/llms/core-simple-grid.md): Responsive grid in which each item takes equal amount of space +- [Skeleton](https://mantine.dev/llms/core-skeleton.md): Indicate content loading state +- [Slider](https://mantine.dev/llms/core-slider.md): Slider component +- [Space](https://mantine.dev/llms/core-space.md): Add horizontal or vertical spacing from theme +- [Splitter](https://mantine.dev/llms/core-splitter.md): Resizable split pane layout +- [Spoiler](https://mantine.dev/llms/core-spoiler.md): Hide long sections of content under a spoiler +- [Stack](https://mantine.dev/llms/core-stack.md): Compose elements and components in a vertical flex container +- [Stepper](https://mantine.dev/llms/core-stepper.md): Display content divided into a steps sequence +- [Switch](https://mantine.dev/llms/core-switch.md): Capture boolean input from user +- [Table](https://mantine.dev/llms/core-table.md): Render table with theme styles +- [TableOfContents](https://mantine.dev/llms/core-table-of-contents.md): Renders a list of headings on the page and tracks current heading visible in the viewport +- [Tabs](https://mantine.dev/llms/core-tabs.md): Switch between different views +- [TagsInput](https://mantine.dev/llms/core-tags-input.md): Capture a list of values from user with free input and suggestions +- [Text](https://mantine.dev/llms/core-text.md): Display text +- [Textarea](https://mantine.dev/llms/core-textarea.md): Autosize or regular textarea +- [TextInput](https://mantine.dev/llms/core-text-input.md): Capture string input from user +- [ThemeIcon](https://mantine.dev/llms/core-theme-icon.md): Render icon inside element with theme colors +- [Timeline](https://mantine.dev/llms/core-timeline.md): Display list of events in chronological order +- [Title](https://mantine.dev/llms/core-title.md): h1-h6 heading +- [Tooltip](https://mantine.dev/llms/core-tooltip.md): Renders tooltip at given element on mouse over or other event +- [Transition](https://mantine.dev/llms/core-transition.md): Animate presence of component with pre-made animations +- [Tree](https://mantine.dev/llms/core-tree.md): Display a Tree structure +- [TreeSelect](https://mantine.dev/llms/core-tree-select.md): Select with hierarchical tree data +- [Typography](https://mantine.dev/llms/core-typography.md): Styles provider for html content +- [UnstyledButton](https://mantine.dev/llms/core-unstyled-button.md): Unstyled polymorphic button +- [VisuallyHidden](https://mantine.dev/llms/core-visually-hidden.md): Hide element visually but keep it accessible for screen readers + +## Hooks + +- [HooksPackage](https://mantine.dev/llms/hooks-package.md) +- [use-element-size](https://mantine.dev/llms/hooks-use-element-size.md): Returns element width and height and observes changes with ResizeObserver +- [useClickOutside](https://mantine.dev/llms/hooks-use-click-outside.md) +- [useClipboard](https://mantine.dev/llms/hooks-use-clipboard.md) +- [useCollapse](https://mantine.dev/llms/hooks-use-collapse.md) +- [useColorScheme](https://mantine.dev/llms/hooks-use-color-scheme.md) +- [useCounter](https://mantine.dev/llms/hooks-use-counter.md) +- [useDebouncedCallback](https://mantine.dev/llms/hooks-use-debounced-callback.md) +- [useDebouncedState](https://mantine.dev/llms/hooks-use-debounced-state.md) +- [useDebouncedValue](https://mantine.dev/llms/hooks-use-debounced-value.md) +- [useDidUpdate](https://mantine.dev/llms/hooks-use-did-update.md) +- [useDisclosure](https://mantine.dev/llms/hooks-use-disclosure.md) +- [useDocumentTitle](https://mantine.dev/llms/hooks-use-document-title.md) +- [useDocumentVisibility](https://mantine.dev/llms/hooks-use-document-visibility.md) +- [useDrag](https://mantine.dev/llms/hooks-use-drag.md) +- [useEventListener](https://mantine.dev/llms/hooks-use-event-listener.md) +- [useEyeDropper](https://mantine.dev/llms/hooks-use-eye-dropper.md) +- [useFavicon](https://mantine.dev/llms/hooks-use-favicon.md) +- [useFetch](https://mantine.dev/llms/hooks-use-fetch.md) +- [useFileDialog](https://mantine.dev/llms/hooks-use-file-dialog.md) +- [useFloatingWindow](https://mantine.dev/llms/hooks-use-floating-window.md) +- [useFocusReturn](https://mantine.dev/llms/hooks-use-focus-return.md) +- [useFocusTrap](https://mantine.dev/llms/hooks-use-focus-trap.md) +- [useFocusWithin](https://mantine.dev/llms/hooks-use-focus-within.md) +- [useForceUpdate](https://mantine.dev/llms/hooks-use-force-update.md) +- [useFullscreen](https://mantine.dev/llms/hooks-use-fullscreen.md) +- [useHash](https://mantine.dev/llms/hooks-use-hash.md) +- [useHeadroom](https://mantine.dev/llms/hooks-use-headroom.md) +- [useHotkeys](https://mantine.dev/llms/hooks-use-hotkeys.md) +- [useHover](https://mantine.dev/llms/hooks-use-hover.md) +- [useId](https://mantine.dev/llms/hooks-use-id.md) +- [useIdle](https://mantine.dev/llms/hooks-use-idle.md) +- [useInputState](https://mantine.dev/llms/hooks-use-input-state.md) +- [useIntersection](https://mantine.dev/llms/hooks-use-intersection.md) +- [useInterval](https://mantine.dev/llms/hooks-use-interval.md) +- [useInViewport](https://mantine.dev/llms/hooks-use-in-viewport.md) +- [useIsFirstRender](https://mantine.dev/llms/hooks-use-is-first-render.md) +- [useIsomorphicEffect](https://mantine.dev/llms/hooks-use-isomorphic-effect.md) +- [useListState](https://mantine.dev/llms/hooks-use-list-state.md) +- [useLocalStorage](https://mantine.dev/llms/hooks-use-local-storage.md) +- [useLogger](https://mantine.dev/llms/hooks-use-logger.md) +- [useLongPress](https://mantine.dev/llms/hooks-use-long-press.md) +- [useMap](https://mantine.dev/llms/hooks-use-map.md) +- [useMask](https://mantine.dev/llms/hooks-use-mask.md) +- [useMediaQuery](https://mantine.dev/llms/hooks-use-media-query.md) +- [useMergedRef](https://mantine.dev/llms/hooks-use-merged-ref.md) +- [useMounted](https://mantine.dev/llms/hooks-use-mounted.md) +- [useMouse](https://mantine.dev/llms/hooks-use-mouse.md) +- [useMove](https://mantine.dev/llms/hooks-use-move.md) +- [useMutationObserver](https://mantine.dev/llms/hooks-use-mutation-observer.md) +- [useNetwork](https://mantine.dev/llms/hooks-use-network.md) +- [useOrientation](https://mantine.dev/llms/hooks-use-orientation.md) +- [useOs](https://mantine.dev/llms/hooks-use-os.md) +- [usePageLeave](https://mantine.dev/llms/hooks-use-page-leave.md) +- [usePagination](https://mantine.dev/llms/hooks-use-pagination.md) +- [usePrevious](https://mantine.dev/llms/hooks-use-previous.md) +- [useQueue](https://mantine.dev/llms/hooks-use-queue.md) +- [useRadialMove](https://mantine.dev/llms/hooks-use-radial-move.md) +- [useReducedMotion](https://mantine.dev/llms/hooks-use-reduced-motion.md) +- [useResizeObserver](https://mantine.dev/llms/hooks-use-resize-observer.md) +- [useRovingIndex](https://mantine.dev/llms/hooks-use-roving-index.md) +- [useScrollDirection](https://mantine.dev/llms/hooks-use-scroll-direction.md) +- [useScroller](https://mantine.dev/llms/hooks-use-scroller.md) +- [useScrollIntoView](https://mantine.dev/llms/hooks-use-scroll-into-view.md) +- [useScrollSpy](https://mantine.dev/llms/hooks-use-scroll-spy.md) +- [useSelection](https://mantine.dev/llms/hooks-use-selection.md) +- [useSet](https://mantine.dev/llms/hooks-use-set.md) +- [useSetState](https://mantine.dev/llms/hooks-use-set-state.md) +- [useShallowEffect](https://mantine.dev/llms/hooks-use-shallow-effect.md) +- [useSplitter](https://mantine.dev/llms/hooks-use-splitter.md) +- [useStateHistory](https://mantine.dev/llms/hooks-use-state-history.md) +- [useTextSelection](https://mantine.dev/llms/hooks-use-text-selection.md) +- [useThrottledCallback](https://mantine.dev/llms/hooks-use-throttled-callback.md) +- [useThrottledState](https://mantine.dev/llms/hooks-use-throttled-state.md) +- [useThrottledValue](https://mantine.dev/llms/hooks-use-throttled-value.md) +- [useTimeout](https://mantine.dev/llms/hooks-use-timeout.md) +- [useToggle](https://mantine.dev/llms/hooks-use-toggle.md) +- [useUncontrolled](https://mantine.dev/llms/hooks-use-uncontrolled.md) +- [useValidatedState](https://mantine.dev/llms/hooks-use-validated-state.md) +- [useViewportSize](https://mantine.dev/llms/hooks-use-viewport-size.md) +- [useWindowEvent](https://mantine.dev/llms/hooks-use-window-event.md) +- [useWindowScroll](https://mantine.dev/llms/hooks-use-window-scroll.md) + +## Form + +- [Form context](https://mantine.dev/llms/form-create-form-context.md): Add context support to use-form with createFormContext +- [formActions](https://mantine.dev/llms/form-actions.md) +- [formAllInputs](https://mantine.dev/llms/form-all-inputs.md) +- [formErrors](https://mantine.dev/llms/form-errors.md) +- [formGetInputProps](https://mantine.dev/llms/form-get-input-props.md) +- [formNested](https://mantine.dev/llms/form-nested.md) +- [FormPackage](https://mantine.dev/llms/form-package.md) +- [formRecipes](https://mantine.dev/llms/form-recipes.md) +- [formSchemaValidation](https://mantine.dev/llms/form-schema-validation.md) +- [formStatus](https://mantine.dev/llms/form-status.md) +- [formUncontrolled](https://mantine.dev/llms/form-uncontrolled.md) +- [formValidation](https://mantine.dev/llms/form-validation.md) +- [formValidators](https://mantine.dev/llms/form-validators.md) +- [formValues](https://mantine.dev/llms/form-values.md) +- [use-field](https://mantine.dev/llms/form-use-field.md): use-field hook – manage single field state +- [use-form](https://mantine.dev/llms/form-use-form.md): Manage form state + +## Dates + +- [Calendar](https://mantine.dev/llms/dates-calendar.md): Base component for custom date pickers +- [DateInput](https://mantine.dev/llms/dates-date-input.md): Free form date input +- [DatePicker](https://mantine.dev/llms/dates-date-picker.md): Inline date, multiple dates and dates range picker +- [DatePickerInput](https://mantine.dev/llms/dates-date-picker-input.md): Date, multiple dates and dates range picker input +- [DateTimePicker](https://mantine.dev/llms/dates-date-time-picker.md): Capture datetime from the user +- [GettingStartedDates](https://mantine.dev/llms/dates-getting-started.md) +- [InlineDateTimePicker](https://mantine.dev/llms/dates-inline-date-time-picker.md): Inline date and time picker with range support +- [MiniCalendar](https://mantine.dev/llms/dates-mini-calendar.md): Compact calendar to display a small number of days in a row +- [MonthPicker](https://mantine.dev/llms/dates-month-picker.md): Inline month, multiple months and months range picker +- [MonthPickerInput](https://mantine.dev/llms/dates-month-picker-input.md): Month, multiple months and months range picker input +- [TimeGrid](https://mantine.dev/llms/dates-time-grid.md): Captures time value from the user with a predefined set of options +- [TimeInput](https://mantine.dev/llms/dates-time-input.md): Capture time from the user +- [TimePicker](https://mantine.dev/llms/dates-time-picker.md): Captures time value from the user +- [TimeValue](https://mantine.dev/llms/dates-time-value.md): Display a formatted time value +- [YearPicker](https://mantine.dev/llms/dates-year-picker.md): Inline year, multiple years and years range picker +- [YearPickerInput](https://mantine.dev/llms/dates-year-picker-input.md): Inline year, multiple years and years range picker + +## Charts + +- [AreaChart](https://mantine.dev/llms/charts-area-chart.md): Area chart component with stacked, percent and split variants +- [BarChart](https://mantine.dev/llms/charts-bar-chart.md): Bar chart component with stacked and percent variants +- [BarsList](https://mantine.dev/llms/charts-bars-list.md): Display a list of bars with names and values +- [BubbleChart](https://mantine.dev/llms/charts-bubble-chart.md): Bubble chart component +- [CompositeChart](https://mantine.dev/llms/charts-composite-chart.md): Composed chart with support for Area, Bar and Line charts +- [DonutChart](https://mantine.dev/llms/charts-donut-chart.md): Donut chart component +- [FunnelChart](https://mantine.dev/llms/charts-funnel-chart.md): Funnel chart component +- [GettingStartedCharts](https://mantine.dev/llms/charts-getting-started.md) +- [Heatmap](https://mantine.dev/llms/charts-heatmap.md): Heatmap chart component +- [LineChart](https://mantine.dev/llms/charts-line-chart.md): Line chart component +- [PieChart](https://mantine.dev/llms/charts-pie-chart.md): Pie chart component +- [RadarChart](https://mantine.dev/llms/charts-radar-chart.md): Radar chart component +- [RadialBarChart](https://mantine.dev/llms/charts-radial-bar-chart.md): Radial bar chart component +- [SankeyChart](https://mantine.dev/llms/charts-sankey-chart.md): Sankey diagram component +- [ScatterChart](https://mantine.dev/llms/charts-scatter-chart.md): Scatter chart component +- [Sparkline](https://mantine.dev/llms/charts-sparkline.md): Simplified area chart to show trends +- [Treemap](https://mantine.dev/llms/charts-treemap.md): Treemap chart component + +## Schedule + +- [AgendaView](https://mantine.dev/llms/schedule-agenda-view.md): Vertical list view of events grouped by date +- [DayView](https://mantine.dev/llms/schedule-day-view.md): Standalone schedule day view component +- [GettingStartedSchedule](https://mantine.dev/llms/schedule-getting-started.md) +- [MobileMonthView](https://mantine.dev/llms/schedule-mobile-month-view.md): Mobile-optimized schedule month view component +- [MonthView](https://mantine.dev/llms/schedule-month-view.md): Standalone schedule month view component +- [RecurringEventsSchedule](https://mantine.dev/llms/schedule-recurring-events.md) +- [ResourcesDayView](https://mantine.dev/llms/schedule-resources-day-view.md): Day view with resource columns for scheduling across resources +- [ResourcesMonthView](https://mantine.dev/llms/schedule-resources-month-view.md): Month view with resource lanes for scheduling across resources +- [ResourcesSchedule](https://mantine.dev/llms/schedule-resources-schedule.md): Schedule wrapper component that combines resource day, week and month views +- [ResourcesWeekView](https://mantine.dev/llms/schedule-resources-week-view.md): Week view with resource rows for scheduling across resources +- [Schedule](https://mantine.dev/llms/schedule-schedule.md): Schedule component with day, week, month and year views +- [ScheduleEventsData](https://mantine.dev/llms/schedule-events-data.md) +- [WeekView](https://mantine.dev/llms/schedule-week-view.md): Standalone schedule week view component +- [YearView](https://mantine.dev/llms/schedule-year-view.md): Standalone schedule year view component + +## Guides + +- [ControlledVsUncontrolled](https://mantine.dev/llms/guides-controlled-vs-uncontrolled.md) +- [CustomComponents](https://mantine.dev/llms/guides-custom-components.md) +- [EightToNine](https://mantine.dev/llms/guides-8x-to-9x.md) +- [FunctionsReference](https://mantine.dev/llms/guides-functions-reference.md) +- [Gatsby](https://mantine.dev/llms/guides-gatsby.md) +- [Icons](https://mantine.dev/llms/guides-icons.md) +- [JavaScript](https://mantine.dev/llms/guides-javascript.md) +- [Jest](https://mantine.dev/llms/guides-jest.md) +- [LLMDocumentation](https://mantine.dev/llms/guides-llms.md) +- [NextJs](https://mantine.dev/llms/guides-next.md) +- [Polymorphic](https://mantine.dev/llms/guides-polymorphic.md) +- [ReactRouter](https://mantine.dev/llms/guides-react-router.md) +- [Redwood](https://mantine.dev/llms/guides-redwood.md) +- [SevenToEight](https://mantine.dev/llms/guides-7x-to-8x.md) +- [SixToSeven](https://mantine.dev/llms/guides-6x-to-7x.md) +- [Storybook](https://mantine.dev/llms/guides-storybook.md) +- [Tiptap3Migration](https://mantine.dev/llms/guides-tiptap-3-migration.md) +- [TypeScript](https://mantine.dev/llms/guides-typescript.md) +- [Vite](https://mantine.dev/llms/guides-vite.md) +- [Vitest](https://mantine.dev/llms/guides-vitest.md) + +## Theming + +- [Colors](https://mantine.dev/llms/theming-colors.md) +- [ColorSchemes](https://mantine.dev/llms/theming-color-schemes.md) +- [DefaultProps](https://mantine.dev/llms/theming-default-props.md) +- [MantineProvider](https://mantine.dev/llms/theming-mantine-provider.md) +- [ThemeObject](https://mantine.dev/llms/theming-theme-object.md) +- [Typography](https://mantine.dev/llms/theming-typography.md): Styles provider for html content + +## Styles + +- [ColorFunctions](https://mantine.dev/llms/styles-color-functions.md) +- [CSSFilesList](https://mantine.dev/llms/styles-css-files-list.md) +- [CSSModules](https://mantine.dev/llms/styles-css-modules.md) +- [CssVariables](https://mantine.dev/llms/styles-css-variables.md) +- [CSSVariablesList](https://mantine.dev/llms/styles-css-variables-list.md) +- [DataAttributes](https://mantine.dev/llms/styles-data-attributes.md) +- [Emotion](https://mantine.dev/llms/styles-emotion.md) +- [GlobalStyles](https://mantine.dev/llms/styles-global-styles.md) +- [MantineStyles](https://mantine.dev/llms/styles-mantine-styles.md) +- [PostCSSPreset](https://mantine.dev/llms/styles-postcss-preset.md) +- [Rem](https://mantine.dev/llms/styles-rem.md) +- [ResponsiveStyles](https://mantine.dev/llms/styles-responsive.md) +- [Rtl](https://mantine.dev/llms/styles-rtl.md) +- [StyleProp](https://mantine.dev/llms/styles-style.md) +- [StyleProps](https://mantine.dev/llms/styles-style-props.md) +- [StylesApi](https://mantine.dev/llms/styles-styles-api.md) +- [StylesOverview](https://mantine.dev/llms/styles-styles-overview.md) +- [StylesPerformance](https://mantine.dev/llms/styles-styles-performance.md) +- [UnstyledComponents](https://mantine.dev/llms/styles-unstyled.md) +- [UsageWithSass](https://mantine.dev/llms/styles-sass.md) +- [VanillaExtract](https://mantine.dev/llms/styles-vanilla-extract.md) +- [VariantsAndSizes](https://mantine.dev/llms/styles-variants-sizes.md) + +## X + +- [Carousel](https://mantine.dev/llms/x-carousel.md): Embla based carousel component +- [CodeHighlight](https://mantine.dev/llms/x-code-highlight.md): Highlight code with shiki or highlight.js +- [Dropzone](https://mantine.dev/llms/x-dropzone.md): Capture files from user with drag and drop +- [ExtensionsPackage](https://mantine.dev/llms/x-extensions.md) +- [Modals manager](https://mantine.dev/llms/x-modals.md): Centralized modals manager with option to handle state of multi-step modals +- [NavigationProgress](https://mantine.dev/llms/x-nprogress.md): Navigation progress bar +- [Notifications system](https://mantine.dev/llms/x-notifications.md): Mantine notifications system +- [Rich text editor](https://mantine.dev/llms/x-tiptap.md): Tiptap based rich text editor +- [Spotlight](https://mantine.dev/llms/x-spotlight.md): Command center for your application + +## Other + +- [About](https://mantine.dev/llms/about.md) +- [AllReleases](https://mantine.dev/llms/changelog-all-releases.md) +- [BrowserSupport](https://mantine.dev/llms/browser-support.md) +- [Changelog700](https://mantine.dev/llms/changelog-7-0-0.md) +- [Changelog710](https://mantine.dev/llms/changelog-7-1-0.md) +- [Changelog7100](https://mantine.dev/llms/changelog-7-10-0.md) +- [Changelog7110](https://mantine.dev/llms/changelog-7-11-0.md) +- [Changelog7120](https://mantine.dev/llms/changelog-7-12-0.md) +- [Changelog7130](https://mantine.dev/llms/changelog-7-13-0.md) +- [Changelog7140](https://mantine.dev/llms/changelog-7-14-0.md) +- [Changelog7150](https://mantine.dev/llms/changelog-7-15-0.md) +- [Changelog7160](https://mantine.dev/llms/changelog-7-16-0.md) +- [Changelog7170](https://mantine.dev/llms/changelog-7-17-0.md) +- [Changelog720](https://mantine.dev/llms/changelog-7-2-0.md) +- [Changelog730](https://mantine.dev/llms/changelog-7-3-0.md) +- [Changelog740](https://mantine.dev/llms/changelog-7-4-0.md) +- [Changelog750](https://mantine.dev/llms/changelog-7-5-0.md) +- [Changelog760](https://mantine.dev/llms/changelog-7-6-0.md) +- [Changelog770](https://mantine.dev/llms/changelog-7-7-0.md) +- [Changelog780](https://mantine.dev/llms/changelog-7-8-0.md) +- [Changelog790](https://mantine.dev/llms/changelog-7-9-0.md) +- [Changelog800](https://mantine.dev/llms/changelog-8-0-0.md) +- [Changelog810](https://mantine.dev/llms/changelog-8-1-0.md) +- [Changelog820](https://mantine.dev/llms/changelog-8-2-0.md) +- [Changelog830](https://mantine.dev/llms/changelog-8-3-0.md) +- [Changelog900](https://mantine.dev/llms/changelog-9-0-0.md) +- [Changelog910](https://mantine.dev/llms/changelog-9-1-0.md) +- [Changelog920](https://mantine.dev/llms/changelog-9-2-0.md) +- [Changelog930](https://mantine.dev/llms/changelog-9-3-0.md) +- [Changelog940](https://mantine.dev/llms/changelog-9-4-0.md) +- [Contribute](https://mantine.dev/llms/contribute.md) +- [GettingStarted](https://mantine.dev/llms/getting-started.md) +- [NotFound](https://mantine.dev/llms/404.md) +- [OxcConfig](https://mantine.dev/llms/oxc-config-mantine.md) +- [PreviousChangelogs](https://mantine.dev/llms/changelog-previous-versions.md) +- [Support](https://mantine.dev/llms/support.md) diff --git a/.agents/skills/homarr-custom-widget/references/mantine-dates.md b/.agents/skills/homarr-custom-widget/references/mantine-dates.md index b4b0139e0..6f60d535a 100644 --- a/.agents/skills/homarr-custom-widget/references/mantine-dates.md +++ b/.agents/skills/homarr-custom-widget/references/mantine-dates.md @@ -1,1318 +1,146 @@ -# Mantine Dates +# GettingStartedDates +Package: @mantine/dates +Import: import { GettingStartedDates } from '@mantine/dates'; -> Generated from `component-catalog-v1.json`. Catalog schema v1 · Custom Widget 2.0.0 · Mantine 9.4.1. Do not edit this file by hand. +## Installation -Package: `@mantine/dates`. Effective props combine the [shared prop API](components.md#shared-prop-api) with each component's specific props below. Component-specific records override shared records with the same name. +```bash +yarn add @mantine/dates dayjs +``` -## Package guidance +```bash +npm install @mantine/dates dayjs +``` -Date bindings are temporary serialized inputs. Persisted locale, time-zone, and date choices belong in widget options. Include a textual date or agenda when a visual date control carries meaning. +After installation import package styles at the root of your application: -## Enabled inventory +```tsx +import '@mantine/core/styles.css'; +// ‼️ import dates styles after core package styles +import '@mantine/dates/styles.css'; +``` -Calendar, CalendarHeader, DateInput, DatePicker, DatePickerInput, DateTimePicker, Day, DecadeLevel, DecadeLevelGroup, InlineDateTimePicker, LevelsGroup, MiniCalendar, Month, MonthLevel, MonthLevelGroup, MonthPicker, MonthPickerInput, MonthsList, PickerControl, TimeGrid, TimeInput, TimePicker, TimeValue, WeekdaysRow, YearLevel, YearLevelGroup, YearPicker, YearPickerInput, YearsList +## Do not forget to import styles -## Denied inventory +Followed the installation instructions above but something is not working +(calendars and date pickers have no styles and look broken)? +You've fallen into the trap of not importing dates styles! +To fix this issue, import dates styles at the root of your application: -DatesProvider, HiddenDatesInput, PickerInputBase +```tsx +import '@mantine/dates/styles.css'; +``` -## Component records +## Usage - -### `Calendar` +After installing the `@mantine/dates` package and importing styles, you can use all components from it: -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/calendar/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. -#### Component-specific props -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| ariaLabels | no | CalendarAriaLabels | — | `aria-label` attributes for controls on different levels | -| attributes | no | { month?: Record<string, any>; weekday?: Record<string, any>; weekdaysRow?: Record<string, any>; monthRow?: Record<string, any>; ... 17 more ...; yearsListRow?: Record<...>; } | — | — | -| columnsToScroll | no | number | — | Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly | -| date | no | string | Date | — | Displayed date in controlled mode | -| defaultDate | no | string | Date | — | Initial displayed date in uncontrolled mode | -| defaultLevel | no | "month" | "year" | "decade" | "decade", "month", "year" | Initial displayed level in uncontrolled mode | -| enableKeyboardNavigation | no | false | true | false, true | Enable enhanced keyboard navigation (Ctrl/Cmd + Arrow keys for year navigation, Ctrl/Cmd + Shift + Arrow keys for decade navigation, Y key to open year view) | -| firstDayOfWeek | no | 0 | 2 | 3 | 4 | 5 | 6 | 1 | 0, 1, 2, 3, 4, 5, 6 | Number 0-6, where 0 – Sunday and 6 – Saturday. | -| fullWidth | no | false | true | false, true | Determines whether the list should take the full width of its container | -| headerControlsOrder | no | ("next" | "previous" | "level")[] | — | Controls order | -| hideOutsideDates | no | false | true | false, true | Determines whether outside dates should be hidden | -| hideWeekdays | no | false | true | false, true | Determines whether weekdays row should be hidden | -| highlightToday | no | false | true | false, true | Determines whether today should be highlighted with a border | -| level | no | "month" | "year" | "decade" | "decade", "month", "year" | Current displayed level displayed in controlled mode | -| locale | no | string | — | Dayjs locale, defaults to value defined in DatesProvider | -| maxDate | no | string | Date | — | Maximum possible date in `YYYY-MM-DD` format or Date object | -| maxLevel | no | "month" | "year" | "decade" | "decade", "month", "year" | Max level that user can go up to (decade, year, month) | -| minDate | no | string | Date | — | Minimum possible date in `YYYY-MM-DD` format or Date object | -| minLevel | no | "month" | "year" | "decade" | "decade", "month", "year" | Min level that user can go down to (decade, year, month) | -| monthsListFormat | no | string | — | `dayjs` format for months list | -| nextIcon | no | React.ReactNode | — | Change next icon | -| nextLabel | no | string | — | Next button `aria-label` | -| numberOfColumns | no | number | — | Number of columns displayed next to each other | -| previousIcon | no | React.ReactNode | — | Change previous icon | -| previousLabel | no | string | — | Previous button `aria-label` | -| static | no | false | true | false, true | Determines whether days should be static, static days can be used to display month if it is not expected that user will interact with the component in any way | -| unstyled | no | false | true | false, true | — | -| weekendDays | no | DayOfWeek[] | — | Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`. | -| withCellSpacing | no | false | true | false, true | Determines whether controls should be separated | -| withWeekNumbers | no | false | true | false, true | Determines whether week numbers should be displayed | -| yearsListFormat | no | string | — | dayjs format for years list | +## Date values as strings - -### `CalendarHeader` +`@mantine/dates` components work with date strings: `YYYY-MM-DD` or `YYYY-MM-DD HH:mm:ss` depending on the component. Those strings do not include any timezone-specific information. -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/calendar-header/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. +## dayjs -#### Component-specific props +`@mantine/dates` components use [dayjs](https://day.js.org/) under the hood for date manipulations and formatting. +dayjs is a required dependency – you cannot change it to another date library. If you want to use a different +date library in your application, you will need to install it separately. -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { calendarHeader?: Record<string, any>; calendarHeaderControl?: Record<string, any>; calendarHeaderLevel?: Record<string, any>; calendarHeaderControlIcon?: Record<...>; } | — | — | -| fullWidth | no | false | true | false, true | Determines whether the header should take the full width of its container | -| hasNextLevel | no | false | true | false, true | Determines whether next level button should be enabled | -| headerControlsOrder | no | ("next" | "previous" | "level")[] | — | Controls order | -| label | no | React.ReactNode | — | Label displayed between next and previous buttons | -| levelControlAriaLabel | no | string | — | Level control `aria-label` | -| nextDisabled | no | false | true | false, true | Disables next control | -| nextIcon | no | React.ReactNode | — | Change next icon | -| nextLabel | no | string | — | Next button `aria-label` | -| previousDisabled | no | false | true | false, true | Disables previous control | -| previousIcon | no | React.ReactNode | — | Change previous icon | -| previousLabel | no | string | — | Previous button `aria-label` | -| unstyled | no | false | true | false, true | — | -| withNext | no | false | true | false, true | Determines whether next control should be rendered | -| withPrevious | no | false | true | false, true | Determines whether previous control should be rendered | +## DatesProvider - -### `DateInput` +The `DatesProvider` component lets you set various settings that are shared across all +components exported from the `@mantine/dates` package. `DatesProvider` supports the following settings: -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/date-input/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. +* `locale` – dayjs locale. Note that you also need to import the corresponding locale module from dayjs. The default value is `en`. +* `firstDayOfWeek` – a number from 0 to 6, where 0 is Sunday and 6 is Saturday. The default value is 1 – Monday. +* `weekendDays` – an array of numbers from 0 to 6, where 0 is Sunday and 6 is Saturday. The default value is `[0, 6]` – Saturday and Sunday. +* `consistentWeeks` – boolean. If `true`, every month will have 6 weeks. The default value is `false`. -#### Component-specific props +```tsx +import 'dayjs/locale/ru'; +import { DatesProvider, MonthPickerInput, DatePickerInput } from '@mantine/dates'; -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| allowDeselect | no | false | true | false, true | If set, the value can be deselected by deleting everything from the input or by clicking the selected date in the dropdown. By default, `true` if `clearable` prop is set, `false` otherwise. | -| ariaLabels | no | CalendarAriaLabels | — | `aria-label` attributes for controls on different levels | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; section?: Record<string, any>; root?: Record<string, any>; ... 30 more ...; presetButton?: Record<...>; } | — | — | -| clearButtonProps | no | React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> | — | Props passed down to the clear button | -| clearSectionMode | no | "both" | "rightSection" | "clear" | "both", "clear", "rightSection" | Determines how the clear button and rightSection are rendered | -| clearable | no | false | true | false, true | If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set. | -| columnsToScroll | no | number | — | Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly | -| date | no | string | Date | — | Displayed date in controlled mode | -| defaultDate | no | string | Date | — | Initial displayed date in uncontrolled mode | -| defaultLevel | no | "month" | "year" | "decade" | "decade", "month", "year" | Initial displayed level (uncontrolled) | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| firstDayOfWeek | no | 0 | 2 | 3 | 4 | 5 | 6 | 1 | 0, 1, 2, 3, 4, 5, 6 | Number 0-6, where 0 – Sunday and 6 – Saturday. | -| fixOnBlur | no | false | true | false, true | If set to `false`, invalid user input is preserved and is not corrected on blur | -| fullWidth | no | false | true | false, true | Determines whether the calendar should take the full width of its container | -| hasNextLevel | no | false | true | false, true | Determines whether next level button should be enabled | -| headerControlsOrder | no | ("next" | "previous" | "level")[] | — | Controls order | -| hideOutsideDates | no | false | true | false, true | Determines whether outside dates should be hidden | -| hideWeekdays | no | false | true | false, true | Determines whether weekdays row should be hidden | -| highlightToday | no | false | true | false, true | Determines whether today should be highlighted with a border | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| level | no | "month" | "year" | "decade" | "decade", "month", "year" | Current displayed level (controlled) | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| locale | no | string | — | Dayjs locale, defaults to value defined in DatesProvider | -| maxDate | no | string | Date | — | Maximum possible date in `YYYY-MM-DD` format or Date object | -| maxLevel | no | "month" | "year" | "decade" | "decade", "month", "year" | Max level that user can go up to | -| minDate | no | string | Date | — | Minimum possible date in `YYYY-MM-DD` format or Date object | -| monthsListFormat | no | string | — | `dayjs` format for months list | -| nextDisabled | no | false | true | false, true | Disables next control | -| nextIcon | no | React.ReactNode | — | Change next icon | -| nextLabel | no | string | — | Next button `aria-label` | -| numberOfColumns | no | number | — | Number of columns displayed next to each other | -| pointer | no | false | true | false, true | Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component="button"` for Select/DatePicker). | -| popoverProps | no | Partial<Omit<PopoverProps, "children">> | — | Props passed down to the `Popover` component | -| presets | no | DatePickerPreset<"default">[] | — | Predefined values to pick from | -| previousDisabled | no | false | true | false, true | Disables previous control | -| previousIcon | no | React.ReactNode | — | Change previous icon | -| previousLabel | no | string | — | Previous button `aria-label` | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| valueFormat | no | string | — | `dayjs` format to display input value, `"MMMM D, YYYY"` by default | -| weekendDays | no | DayOfWeek[] | — | Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`. | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withCellSpacing | no | false | true | false, true | Determines whether controls should be separated | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withNext | no | false | true | false, true | Determines whether next control should be rendered | -| withPrevious | no | false | true | false, true | Determines whether previous control should be rendered | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| withTime | no | false | true | false, true | If set to `true`, the time part of the value is preserved. Set this to `true` when `valueFormat` includes time (e.g. `"YYYY-MM-DD HH:mm"`). | -| withWeekNumbers | no | false | true | false, true | Determines whether week numbers should be displayed | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | -| yearsListFormat | no | string | — | dayjs format for years list | +function Demo() { + return ( + + + + + ); +} +``` - -### `DatePicker` -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/date-picker/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.`; becomes `string[]` when `type` is `multiple` or `range` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. +## Consistent weeks -#### Component-specific props +If you want to avoid layout shifts, set `consistentWeeks: true` in the `DatesProvider` settings. +This will ensure that every month has 6 weeks, even if outside days are not in the same month. -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| allowDeselect | no | (Type extends "default" ? boolean : never) | — | Determines whether user can deselect the date by clicking on selected item, applicable only when type="default" | -| allowSingleDateInRange | no | (Type extends "range" ? boolean : never) | — | Determines whether a single day can be selected as range, applicable only when type="range" | -| ariaLabels | no | CalendarAriaLabels | — | `aria-label` attributes for controls on different levels | -| attributes | no | { month?: Record<string, any>; weekday?: Record<string, any>; weekdaysRow?: Record<string, any>; monthRow?: Record<string, any>; ... 20 more ...; datePickerRoot?: Record<...>; } | — | — | -| columnsToScroll | no | number | — | Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly | -| date | no | string | Date | — | Displayed date in controlled mode | -| defaultDate | no | string | Date | — | Initial displayed date in uncontrolled mode | -| defaultLevel | no | "month" | "year" | "decade" | "decade", "month", "year" | Initial displayed level (uncontrolled) | -| enableKeyboardNavigation | no | false | true | false, true | Enable enhanced keyboard navigation (Ctrl/Cmd + Arrow keys for year navigation, Ctrl/Cmd + Shift + Arrow keys for decade navigation, Y key to open year view) | -| firstDayOfWeek | no | 0 | 2 | 3 | 4 | 5 | 6 | 1 | 0, 1, 2, 3, 4, 5, 6 | Number 0-6, where 0 – Sunday and 6 – Saturday. | -| fullWidth | no | false | true | false, true | Determines whether the list should take the full width of its container | -| headerControlsOrder | no | ("next" | "previous" | "level")[] | — | Controls order | -| hideOutsideDates | no | false | true | false, true | Determines whether outside dates should be hidden | -| hideWeekdays | no | false | true | false, true | Determines whether weekdays row should be hidden | -| highlightToday | no | false | true | false, true | Determines whether today should be highlighted with a border | -| level | no | "month" | "year" | "decade" | "decade", "month", "year" | Current displayed level (controlled) | -| locale | no | string | — | Dayjs locale, defaults to value defined in DatesProvider | -| maxDate | no | string | Date | — | Maximum possible date in `YYYY-MM-DD` format or Date object | -| maxLevel | no | "month" | "year" | "decade" | "decade", "month", "year" | — | -| minDate | no | string | Date | — | Minimum possible date in `YYYY-MM-DD` format or Date object | -| monthsListFormat | no | string | — | `dayjs` format for months list | -| nextIcon | no | React.ReactNode | — | Change next icon | -| nextLabel | no | string | — | Next button `aria-label` | -| numberOfColumns | no | number | — | Number of columns displayed next to each other | -| presets | no | DatePickerPreset<Type>[] | — | Predefined values to pick from | -| previousIcon | no | React.ReactNode | — | Change previous icon | -| previousLabel | no | string | — | Previous button `aria-label` | -| unstyled | no | false | true | false, true | — | -| weekendDays | no | DayOfWeek[] | — | Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`. | -| withCellSpacing | no | false | true | false, true | Determines whether controls should be separated | -| withWeekNumbers | no | false | true | false, true | Determines whether week numbers should be displayed | -| yearsListFormat | no | string | — | dayjs format for years list | +```tsx +import { DatePicker, DatesProvider } from '@mantine/dates'; - -### `DatePickerInput` +function Demo() { + return ( + + + + ); +} +``` -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/date-picker-input/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.`; becomes `string[]` when `type` is `multiple` or `range` -- Subcomponents: none -- Component-specific blocked props: dropdownType — Modal picker mode escapes the widget overlay boundary, modalProps — Modal picker configuration escapes the widget overlay boundary -- Accessibility: - - Include a textual date when the visual calendar carries meaning. -#### Component-specific props +## Custom parse format -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| allowDeselect | no | (Type extends "default" ? boolean : never) | — | Determines whether user can deselect the date by clicking on selected item, applicable only when type="default" | -| allowSingleDateInRange | no | (Type extends "range" ? boolean : never) | — | Determines whether a single day can be selected as range, applicable only when type="range" | -| ariaLabels | no | CalendarAriaLabels | — | `aria-label` attributes for controls on different levels | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; section?: Record<string, any>; root?: Record<string, any>; ... 31 more ...; datePickerRoot?: Record<...>; } | — | — | -| clearButtonProps | no | React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> | — | Props passed down to the clear button | -| clearSectionMode | no | "both" | "rightSection" | "clear" | "both", "clear", "rightSection" | Determines how the clear button and rightSection are rendered | -| clearable | no | false | true | false, true | If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set. | -| closeOnChange | no | false | true | false, true | Determines whether the dropdown is closed when date is selected, not applicable with `type="multiple"` | -| columnsToScroll | no | number | — | Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly | -| date | no | string | Date | — | Displayed date in controlled mode | -| defaultDate | no | string | Date | — | Initial displayed date in uncontrolled mode | -| defaultLevel | no | "month" | "year" | "decade" | "decade", "month", "year" | Initial displayed level (uncontrolled) | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| enableKeyboardNavigation | no | false | true | false, true | Enable enhanced keyboard navigation (Ctrl/Cmd + Arrow keys for year navigation, Ctrl/Cmd + Shift + Arrow keys for decade navigation, Y key to open year view) | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| firstDayOfWeek | no | 0 | 2 | 3 | 4 | 5 | 6 | 1 | 0, 1, 2, 3, 4, 5, 6 | Number 0-6, where 0 – Sunday and 6 – Saturday. | -| fullWidth | no | false | true | false, true | Determines whether the list should take the full width of its container | -| headerControlsOrder | no | ("next" | "previous" | "level")[] | — | Controls order | -| hideOutsideDates | no | false | true | false, true | Determines whether outside dates should be hidden | -| hideWeekdays | no | false | true | false, true | Determines whether weekdays row should be hidden | -| highlightToday | no | false | true | false, true | Determines whether today should be highlighted with a border | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| labelSeparator | no | string | — | Separator between range value | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| level | no | "month" | "year" | "decade" | "decade", "month", "year" | Current displayed level (controlled) | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| locale | no | string | — | Dayjs locale, defaults to value defined in DatesProvider | -| maxDate | no | string | Date | — | Maximum possible date in `YYYY-MM-DD` format or Date object | -| maxLevel | no | "month" | "year" | "decade" | "decade", "month", "year" | — | -| minDate | no | string | Date | — | Minimum possible date in `YYYY-MM-DD` format or Date object | -| monthsListFormat | no | string | — | `dayjs` format for months list | -| nextIcon | no | React.ReactNode | — | Change next icon | -| nextLabel | no | string | — | Next button `aria-label` | -| numberOfColumns | no | number | — | Number of columns displayed next to each other | -| pointer | no | false | true | false, true | Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component="button"` for Select/DatePicker). | -| popoverProps | no | Partial<Omit<PopoverProps, "children">> | — | Props passed down to `Popover` component | -| presets | no | DatePickerPreset<Type>[] | — | Predefined values to pick from | -| previousIcon | no | React.ReactNode | — | Change previous icon | -| previousLabel | no | string | — | Previous button `aria-label` | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| sortDates | no | false | true | false, true | Determines whether dates values should be sorted before `onChange` call, only applicable with type="multiple" | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| valueFormat | no | string | — | `dayjs` format for input value | -| weekendDays | no | DayOfWeek[] | — | Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`. | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withCellSpacing | no | false | true | false, true | Determines whether controls should be separated | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| withWeekNumbers | no | false | true | false, true | Determines whether week numbers should be displayed | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | -| yearsListFormat | no | string | — | dayjs format for years list | +Some components like [DateInput](https://mantine.dev/llms/dates-date-input.md) require the [custom parse format](https://day.js.org/docs/en/plugin/custom-parse-format) +dayjs plugin. You need to extend dayjs with this plugin before using components that require it. Note that +this is usually done once in your application root file, so you don't need to do it every time you use the component. - -### `DateTimePicker` +```tsx +import dayjs from 'dayjs'; +import customParseFormat from 'dayjs/plugin/customParseFormat'; -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/date-time-picker/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.`; becomes `string[]` when `type` is `range`; `multiple` is not supported -- Subcomponents: none -- Component-specific blocked props: dropdownType — Modal picker mode escapes the widget overlay boundary, modalProps — Modal picker configuration escapes the widget overlay boundary -- Accessibility: - - Include a textual date when the visual calendar carries meaning. +dayjs.extend(customParseFormat); +``` -#### Component-specific props +## Localization and server components -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| allowSingleDateInRange | no | (Type extends "range" ? boolean : never) | — | Determines whether a single day can be selected as range, applicable only when type="range" | -| ariaLabels | no | CalendarAriaLabels | — | `aria-label` attributes for controls on different levels | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; section?: Record<string, any>; root?: Record<string, any>; ... 37 more ...; rangeInfo?: Record<...>; } | — | — | -| clearButtonProps | no | React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> | — | Props passed down to the clear button | -| clearSectionMode | no | "both" | "rightSection" | "clear" | "both", "clear", "rightSection" | Determines how the clear button and rightSection are rendered | -| clearable | no | false | true | false, true | If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set. | -| columnsToScroll | no | number | — | Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly | -| date | no | string | Date | — | Displayed date in controlled mode | -| defaultDate | no | string | Date | — | Initial displayed date in uncontrolled mode | -| defaultLevel | no | "month" | "year" | "decade" | "decade", "month", "year" | Initial displayed level in uncontrolled mode | -| defaultTimeValue | no | string | — | Default time value in HH:mm` or `HH:mm:ss` format. Assigned to time when date is selected. | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| endTimePickerProps | no | Omit<TimePickerProps, "value" | "defaultValue"> | — | Props passed down to the end time `TimePicker` component in range mode | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| firstDayOfWeek | no | 0 | 2 | 3 | 4 | 5 | 6 | 1 | 0, 1, 2, 3, 4, 5, 6 | Number 0-6, where 0 – Sunday and 6 – Saturday. | -| fullWidth | no | false | true | false, true | Determines whether the calendar should take the full width of its container | -| headerControlsOrder | no | ("next" | "previous" | "level")[] | — | Controls order | -| hideOutsideDates | no | false | true | false, true | Determines whether outside dates should be hidden | -| hideWeekdays | no | false | true | false, true | Determines whether weekdays row should be hidden | -| highlightToday | no | false | true | false, true | Determines whether today should be highlighted with a border | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| labelSeparator | no | string | — | Separator between range values | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| level | no | "month" | "year" | "decade" | "decade", "month", "year" | Current displayed level displayed in controlled mode | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| locale | no | string | — | Dayjs locale, defaults to value defined in DatesProvider | -| maxDate | no | string | Date | — | Maximum possible date in `YYYY-MM-DD` format or Date object | -| maxLevel | no | "month" | "year" | "decade" | "decade", "month", "year" | Max level that user can go up to | -| minDate | no | string | Date | — | Minimum possible date in `YYYY-MM-DD` format or Date object | -| monthsListFormat | no | string | — | `dayjs` format for months list | -| nextIcon | no | React.ReactNode | — | Change next icon | -| nextLabel | no | string | — | Next button `aria-label` | -| numberOfColumns | no | number | — | Number of columns displayed next to each other | -| pointer | no | false | true | false, true | Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component="button"` for Select/DatePicker). | -| popoverProps | no | Partial<Omit<PopoverProps, "children">> | — | Props passed down to `Popover` component | -| presets | no | DatePickerPreset<Type>[] | — | Presets values | -| previousIcon | no | React.ReactNode | — | Change previous icon | -| previousLabel | no | string | — | Previous button `aria-label` | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| sortDates | no | false | true | false, true | Determines whether dates values should be sorted before `onChange` call, only applicable with type="multiple" | -| submitButtonProps | no | (ActionIconProps & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement>) | — | Props passed down to the submit button | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| timePickerProps | no | Omit<TimePickerProps, "value" | "defaultValue"> | — | Props passed down to `TimePicker` component | -| unstyled | no | false | true | false, true | — | -| weekendDays | no | DayOfWeek[] | — | Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`. | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withCellSpacing | no | false | true | false, true | Determines whether controls should be separated | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withSeconds | no | false | true | false, true | Determines whether the seconds input should be displayed | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| withWeekNumbers | no | false | true | false, true | Determines whether week numbers should be displayed | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | -| yearsListFormat | no | string | — | dayjs format for years list | +To add localization, you must import `import 'dayjs/locale/x';` in your application (`x` is the locale name) +and set `locale` either on `DatesProvider` or on each component individually. - -### `DatesProvider` +Example of setting the locale on DatesProvider: -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/dates/dates-provider/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. +```tsx +import 'dayjs/locale/ru'; -Denied reason: Replaces a Homarr-owned provider boundary. +import { DatesProvider } from '@mantine/dates'; -#### Component-specific props +function Demo() { + return ( + + {/* Your app */} + + ); +} +``` -_No authorable props because this component is denied._ +The code above works in all environments, except Next.js app router. +If you are using Next.js app router, you must add `'use client';` to the +top of the file where you are importing `dayjs/locale/x` – locale data +is required both on client and server. - -### `Day` +```tsx +'use client'; -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/day/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. +import 'dayjs/locale/ru'; -#### Component-specific props +import { DatesProvider } from '@mantine/dates'; -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { day?: Record<string, any>; } | — | — | -| date | yes | string | — | Date that is displayed in `YYYY-MM-DD` format | -| firstInRange | no | false | true | false, true | Determines whether the day is first in range selection | -| fullWidth | no | false | true | false, true | Determines whether the day should take the full width of its cell | -| highlightToday | no | false | true | false, true | Determines whether today should be highlighted with a border | -| inRange | no | false | true | false, true | Determines whether the day is selected in range | -| lastInRange | no | false | true | false, true | Determines whether the day is last in range selection | -| outside | no | false | true | false, true | Determines whether the day is outside of the current month | -| selected | no | false | true | false, true | Determines whether the day is selected | -| static | no | false | true | false, true | Determines which element is used as root, `'button'` by default, `'div'` if static prop is set | -| unstyled | no | false | true | false, true | — | -| weekend | no | false | true | false, true | Determines whether the day is considered to be a weekend | - - -### `DecadeLevel` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/decade-level/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { calendarHeader?: Record<string, any>; calendarHeaderControl?: Record<string, any>; calendarHeaderLevel?: Record<string, any>; ... 4 more ...; yearsListRow?: Record<...>; } | — | — | -| decade | yes | string | — | Displayed decade | -| fullWidth | no | false | true | false, true | Determines whether the calendar should take the full width of its container | -| headerControlsOrder | no | ("next" | "previous" | "level")[] | — | Controls order | -| levelControlAriaLabel | no | string | — | Level control `aria-label` | -| locale | no | string | — | Dayjs locale, defaults to value defined in DatesProvider | -| maxDate | no | string | Date | — | Maximum possible date in `YYYY-MM-DD` format or Date object | -| minDate | no | string | Date | — | Minimum possible date in `YYYY-MM-DD` format or Date object | -| nextDisabled | no | false | true | false, true | Disables next control | -| nextIcon | no | React.ReactNode | — | Change next icon | -| nextLabel | no | string | — | Next button `aria-label` | -| previousDisabled | no | false | true | false, true | Disables previous control | -| previousIcon | no | React.ReactNode | — | Change previous icon | -| previousLabel | no | string | — | Previous button `aria-label` | -| unstyled | no | false | true | false, true | — | -| withCellSpacing | no | false | true | false, true | Determines whether controls should be separated | -| withNext | no | false | true | false, true | Determines whether next control should be rendered | -| withPrevious | no | false | true | false, true | Determines whether previous control should be rendered | -| yearsListFormat | no | string | — | dayjs format for years list | - - -### `DecadeLevelGroup` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/decade-level-group/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { calendarHeader?: Record<string, any>; calendarHeaderControl?: Record<string, any>; calendarHeaderLevel?: Record<string, any>; ... 5 more ...; yearsListRow?: Record<...>; } | — | — | -| decade | yes | string | — | Displayed decade | -| fullWidth | no | false | true | false, true | Determines whether the calendar should take the full width of its container | -| headerControlsOrder | no | ("next" | "previous" | "level")[] | — | Controls order | -| locale | no | string | — | Dayjs locale, defaults to value defined in DatesProvider | -| maxDate | no | string | Date | — | Maximum possible date in `YYYY-MM-DD` format or Date object | -| minDate | no | string | Date | — | Minimum possible date in `YYYY-MM-DD` format or Date object | -| nextDisabled | no | false | true | false, true | Disables next control | -| nextIcon | no | React.ReactNode | — | Change next icon | -| nextLabel | no | string | — | Next button `aria-label` | -| numberOfColumns | no | number | — | Number of columns to display next to each other | -| previousDisabled | no | false | true | false, true | Disables previous control | -| previousIcon | no | React.ReactNode | — | Change previous icon | -| previousLabel | no | string | — | Previous button `aria-label` | -| unstyled | no | false | true | false, true | — | -| withCellSpacing | no | false | true | false, true | Determines whether controls should be separated | -| yearsListFormat | no | string | — | dayjs format for years list | - - -### `HiddenDatesInput` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/dates/hidden-dates-input/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Internal date-input primitive. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `InlineDateTimePicker` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/inline-date-time-picker/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.`; becomes `string[]` when `type` is `range`; `multiple` is not supported -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| allowDeselect | no | (Type extends "default" ? boolean : never) | — | Determines whether user can deselect the date by clicking on selected item, applicable only when type="default" | -| allowSingleDateInRange | no | (Type extends "range" ? boolean : never) | — | Determines whether a single day can be selected as range, applicable only when type="range" | -| ariaLabels | no | CalendarAriaLabels | — | `aria-label` attributes for controls on different levels | -| attributes | no | { root?: Record<string, any>; month?: Record<string, any>; weekday?: Record<string, any>; weekdaysRow?: Record<string, any>; ... 27 more ...; rangeInfo?: Record<...>; } | — | — | -| columnsToScroll | no | number | — | Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly | -| date | no | string | Date | — | Displayed date in controlled mode | -| defaultDate | no | string | Date | — | Initial displayed date in uncontrolled mode | -| defaultLevel | no | "month" | "year" | "decade" | "decade", "month", "year" | Initial displayed level (uncontrolled) | -| defaultTimeValue | no | string | — | Default time value in `HH:mm` or `HH:mm:ss` format. Assigned to time when date is selected. | -| enableKeyboardNavigation | no | false | true | false, true | Enable enhanced keyboard navigation (Ctrl/Cmd + Arrow keys for year navigation, Ctrl/Cmd + Shift + Arrow keys for decade navigation, Y key to open year view) | -| endTimePickerProps | no | Omit<TimePickerProps, "value" | "defaultValue"> | — | Props passed down to the end time `TimePicker` component in range mode | -| firstDayOfWeek | no | 0 | 2 | 3 | 4 | 5 | 6 | 1 | 0, 1, 2, 3, 4, 5, 6 | Number 0-6, where 0 – Sunday and 6 – Saturday. | -| fullWidth | no | false | true | false, true | Determines whether the list should take the full width of its container | -| headerControlsOrder | no | ("next" | "previous" | "level")[] | — | Controls order | -| hideOutsideDates | no | false | true | false, true | Determines whether outside dates should be hidden | -| hideWeekdays | no | false | true | false, true | Determines whether weekdays row should be hidden | -| highlightToday | no | false | true | false, true | Determines whether today should be highlighted with a border | -| labelSeparator | no | string | — | Separator between range values | -| level | no | "month" | "year" | "decade" | "decade", "month", "year" | Current displayed level (controlled) | -| locale | no | string | — | Dayjs locale, defaults to value defined in DatesProvider | -| maxDate | no | string | Date | — | Max date | -| maxLevel | no | "month" | "year" | "decade" | "decade", "month", "year" | — | -| minDate | no | string | Date | — | Min date | -| monthsListFormat | no | string | — | `dayjs` format for months list | -| nextIcon | no | React.ReactNode | — | Change next icon | -| nextLabel | no | string | — | Next button `aria-label` | -| numberOfColumns | no | number | — | Number of columns displayed next to each other | -| presets | no | DatePickerPreset<Type>[] | — | Predefined values to pick from | -| previousIcon | no | React.ReactNode | — | Change previous icon | -| previousLabel | no | string | — | Previous button `aria-label` | -| submitButtonProps | no | (ActionIconProps & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement>) | — | Props passed down to the submit button | -| timePickerProps | no | Omit<TimePickerProps, "value" | "defaultValue"> | — | Props passed down to `TimePicker` component | -| unstyled | no | false | true | false, true | — | -| weekendDays | no | DayOfWeek[] | — | Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`. | -| withCellSpacing | no | false | true | false, true | Determines whether controls should be separated | -| withSeconds | no | false | true | false, true | Determines whether the seconds input should be displayed | -| withWeekNumbers | no | false | true | false, true | Determines whether week numbers should be displayed | -| yearsListFormat | no | string | — | dayjs format for years list | - - -### `LevelsGroup` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/levels-group/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { levelsGroup?: Record<string, any>; } | — | — | -| fullWidth | no | false | true | false, true | Determines whether the group should take the full width of its container | -| unstyled | no | false | true | false, true | — | - - -### `MiniCalendar` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/mini-calendar/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { root?: Record<string, any>; control?: Record<string, any>; day?: Record<string, any>; days?: Record<string, any>; dayMonth?: Record<...>; dayNumber?: Record<...>; } | — | — | -| date | no | string | Date | — | Controlled component date value, start date of the interval | -| defaultDate | no | string | Date | — | Uncontrolled component default value, start date of the interval | -| locale | no | string | — | dayjs locale used for formatting | -| maxDate | no | string | Date | — | Maximum date that can be selected, date object or date string in `YYYY-MM-DD` format | -| minDate | no | string | Date | — | Minimum date that can be selected, date object or date string in `YYYY-MM-DD` format | -| monthLabelFormat | no | string | — | Dayjs format string for month label | -| nextControlProps | no | (React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & DataAttributes) | — | Props passed to next control button | -| numberOfDays | no | number | — | Number of days to display in the calendar | -| previousControlProps | no | (React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & DataAttributes) | — | Props passed to previous control button | -| unstyled | no | false | true | false, true | — | - - -### `Month` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/month/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { month?: Record<string, any>; weekday?: Record<string, any>; weekdaysRow?: Record<string, any>; monthRow?: Record<string, any>; ... 4 more ...; day?: Record<...>; } | — | — | -| firstDayOfWeek | no | 0 | 2 | 3 | 4 | 5 | 6 | 1 | 0, 1, 2, 3, 4, 5, 6 | Number 0-6, where 0 – Sunday and 6 – Saturday. | -| fullWidth | no | false | true | false, true | Determines whether the month should take the full width of its container | -| hideOutsideDates | no | false | true | false, true | Determines whether outside dates should be hidden | -| hideWeekdays | no | false | true | false, true | Determines whether weekdays row should be hidden | -| highlightToday | no | false | true | false, true | Determines whether today should be highlighted with a border | -| locale | no | string | — | `dayjs` locale, the default value is defined by `DatesProvider` | -| maxDate | no | string | Date | — | Maximum possible date, in `YYYY-MM-DD` format | -| minDate | no | string | Date | — | Minimum possible date, in `YYYY-MM-DD` format | -| month | yes | string | — | Month to display, value `YYYY-MM-DD` | -| static | no | false | true | false, true | Determines whether days should be static, static days can be used to display month if it is not expected that user will interact with the component in any way | -| unstyled | no | false | true | false, true | — | -| weekendDays | no | DayOfWeek[] | — | Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`. | -| withCellSpacing | no | false | true | false, true | Determines whether controls should be separated by space | -| withWeekNumbers | no | false | true | false, true | Determines whether week numbers should be displayed | - - -### `MonthLevel` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/month-level/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { month?: Record<string, any>; weekday?: Record<string, any>; weekdaysRow?: Record<string, any>; monthRow?: Record<string, any>; ... 8 more ...; calendarHeaderControlIcon?: Record<...>; } | — | — | -| firstDayOfWeek | no | 0 | 2 | 3 | 4 | 5 | 6 | 1 | 0, 1, 2, 3, 4, 5, 6 | Number 0-6, where 0 – Sunday and 6 – Saturday. | -| fullWidth | no | false | true | false, true | Determines whether the calendar should take the full width of its container | -| hasNextLevel | no | false | true | false, true | Determines whether next level button should be enabled | -| headerControlsOrder | no | ("next" | "previous" | "level")[] | — | Controls order | -| hideOutsideDates | no | false | true | false, true | Determines whether outside dates should be hidden | -| hideWeekdays | no | false | true | false, true | Determines whether weekdays row should be hidden | -| highlightToday | no | false | true | false, true | Determines whether today should be highlighted with a border | -| levelControlAriaLabel | no | string | — | Aria-label for change level control | -| locale | no | string | — | `dayjs` locale, the default value is defined by `DatesProvider` | -| maxDate | no | string | Date | — | Maximum possible date, in `YYYY-MM-DD` format | -| minDate | no | string | Date | — | Minimum possible date, in `YYYY-MM-DD` format | -| month | yes | string | — | Month that is currently displayed | -| nextDisabled | no | false | true | false, true | Disables next control | -| nextIcon | no | React.ReactNode | — | Change next icon | -| nextLabel | no | string | — | Next button `aria-label` | -| previousDisabled | no | false | true | false, true | Disables previous control | -| previousIcon | no | React.ReactNode | — | Change previous icon | -| previousLabel | no | string | — | Previous button `aria-label` | -| static | no | false | true | false, true | Determines whether days should be static, static days can be used to display month if it is not expected that user will interact with the component in any way | -| unstyled | no | false | true | false, true | — | -| weekendDays | no | DayOfWeek[] | — | Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`. | -| withCellSpacing | no | false | true | false, true | Determines whether controls should be separated by space | -| withNext | no | false | true | false, true | Determines whether next control should be rendered | -| withPrevious | no | false | true | false, true | Determines whether previous control should be rendered | -| withWeekNumbers | no | false | true | false, true | Determines whether week numbers should be displayed | - - -### `MonthLevelGroup` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/month-level-group/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { month?: Record<string, any>; weekday?: Record<string, any>; weekdaysRow?: Record<string, any>; monthRow?: Record<string, any>; ... 9 more ...; levelsGroup?: Record<...>; } | — | — | -| firstDayOfWeek | no | 0 | 2 | 3 | 4 | 5 | 6 | 1 | 0, 1, 2, 3, 4, 5, 6 | Number 0-6, where 0 – Sunday and 6 – Saturday. | -| fullWidth | no | false | true | false, true | Determines whether the calendar should take the full width of its container | -| hasNextLevel | no | false | true | false, true | Determines whether next level button should be enabled | -| headerControlsOrder | no | ("next" | "previous" | "level")[] | — | Controls order | -| hideOutsideDates | no | false | true | false, true | Determines whether outside dates should be hidden | -| hideWeekdays | no | false | true | false, true | Determines whether weekdays row should be hidden | -| highlightToday | no | false | true | false, true | Determines whether today should be highlighted with a border | -| locale | no | string | — | `dayjs` locale, the default value is defined by `DatesProvider` | -| maxDate | no | string | Date | — | Maximum possible date, in `YYYY-MM-DD` format | -| minDate | no | string | Date | — | Minimum possible date, in `YYYY-MM-DD` format | -| month | yes | string | — | Month to display | -| nextDisabled | no | false | true | false, true | Disables next control | -| nextIcon | no | React.ReactNode | — | Change next icon | -| nextLabel | no | string | — | Next button `aria-label` | -| numberOfColumns | no | number | — | Number of columns to display next to each other | -| previousDisabled | no | false | true | false, true | Disables previous control | -| previousIcon | no | React.ReactNode | — | Change previous icon | -| previousLabel | no | string | — | Previous button `aria-label` | -| static | no | false | true | false, true | Passed as `isStatic` prop to `Month` component | -| unstyled | no | false | true | false, true | — | -| weekendDays | no | DayOfWeek[] | — | Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`. | -| withCellSpacing | no | false | true | false, true | Determines whether controls should be separated by space | -| withWeekNumbers | no | false | true | false, true | Determines whether week numbers should be displayed | - - -### `MonthPicker` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/month-picker/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.`; becomes `string[]` when `type` is `multiple` or `range` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| allowDeselect | no | (Type extends "default" ? boolean : never) | — | Determines whether user can deselect the date by clicking on selected item, applicable only when type="default" | -| allowSingleDateInRange | no | (Type extends "range" ? boolean : never) | — | Determines whether a single day can be selected as range, applicable only when type="range" | -| ariaLabels | no | CalendarAriaLabels | — | `aria-label` attributes for controls on different levels | -| attributes | no | { calendarHeader?: Record<string, any>; calendarHeaderControl?: Record<string, any>; calendarHeaderLevel?: Record<string, any>; ... 12 more ...; monthPickerRoot?: Record<...>; } | — | — | -| columnsToScroll | no | number | — | Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly | -| date | no | string | Date | — | Displayed date in controlled mode | -| defaultDate | no | string | Date | — | Initial displayed date in uncontrolled mode | -| defaultLevel | no | "month" | "year" | "decade" | "decade", "month", "year" | Initial displayed level (uncontrolled) | -| fullWidth | no | false | true | false, true | Determines whether the list should take the full width of its container | -| level | no | "month" | "year" | "decade" | "decade", "month", "year" | Current displayed level (controlled) | -| locale | no | string | — | Dayjs locale, defaults to value defined in DatesProvider | -| maxDate | no | string | Date | — | Maximum possible date in `YYYY-MM-DD` format or Date object | -| maxLevel | no | "month" | "year" | "decade" | "decade", "month", "year" | Max level that user can go up to | -| minDate | no | string | Date | — | Minimum possible date in `YYYY-MM-DD` format or Date object | -| monthsListFormat | no | string | — | `dayjs` format for months list | -| nextLabel | no | string | — | Next button `aria-label` | -| numberOfColumns | no | number | — | Number of columns displayed next to each other | -| presets | no | MonthPickerPreset<Type>[] | — | Predefined values to pick from | -| previousLabel | no | string | — | Previous button `aria-label` | -| unstyled | no | false | true | false, true | — | -| withCellSpacing | no | false | true | false, true | Determines whether controls should be separated | -| yearsListFormat | no | string | — | dayjs format for years list | - - -### `MonthPickerInput` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/month-picker-input/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.`; becomes `string[]` when `type` is `multiple` or `range` -- Subcomponents: none -- Component-specific blocked props: dropdownType — Modal picker mode escapes the widget overlay boundary, modalProps — Modal picker configuration escapes the widget overlay boundary -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| allowDeselect | no | (Type extends "default" ? boolean : never) | — | Determines whether user can deselect the date by clicking on selected item, applicable only when type="default" | -| allowSingleDateInRange | no | (Type extends "range" ? boolean : never) | — | Determines whether a single day can be selected as range, applicable only when type="range" | -| ariaLabels | no | CalendarAriaLabels | — | `aria-label` attributes for controls on different levels | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; section?: Record<string, any>; root?: Record<string, any>; ... 22 more ...; monthPickerRoot?: Record<...>; } | — | — | -| clearButtonProps | no | React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> | — | Props passed down to the clear button | -| clearSectionMode | no | "both" | "rightSection" | "clear" | "both", "clear", "rightSection" | Determines how the clear button and rightSection are rendered | -| clearable | no | false | true | false, true | If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set. | -| closeOnChange | no | false | true | false, true | Determines whether the dropdown is closed when date is selected, not applicable with `type="multiple"` | -| columnsToScroll | no | number | — | Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly | -| date | no | string | Date | — | Displayed date in controlled mode | -| defaultDate | no | string | Date | — | Initial displayed date in uncontrolled mode | -| defaultLevel | no | "month" | "year" | "decade" | "decade", "month", "year" | Initial displayed level (uncontrolled) | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| fullWidth | no | false | true | false, true | Determines whether the list should take the full width of its container | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| labelSeparator | no | string | — | Separator between range value | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| level | no | "month" | "year" | "decade" | "decade", "month", "year" | Current displayed level (controlled) | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| locale | no | string | — | Dayjs locale, defaults to value defined in DatesProvider | -| maxDate | no | string | Date | — | Maximum possible date in `YYYY-MM-DD` format or Date object | -| maxLevel | no | "month" | "year" | "decade" | "decade", "month", "year" | Max level that user can go up to | -| minDate | no | string | Date | — | Minimum possible date in `YYYY-MM-DD` format or Date object | -| monthsListFormat | no | string | — | `dayjs` format for months list | -| nextLabel | no | string | — | Next button `aria-label` | -| numberOfColumns | no | number | — | Number of columns displayed next to each other | -| pointer | no | false | true | false, true | Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component="button"` for Select/DatePicker). | -| popoverProps | no | Partial<Omit<PopoverProps, "children">> | — | Props passed down to `Popover` component | -| presets | no | MonthPickerPreset<Type>[] | — | Predefined values to pick from | -| previousLabel | no | string | — | Previous button `aria-label` | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| sortDates | no | false | true | false, true | Determines whether dates values should be sorted before `onChange` call, only applicable with type="multiple" | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| valueFormat | no | string | — | `dayjs` format for input value | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withCellSpacing | no | false | true | false, true | Determines whether controls should be separated | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | -| yearsListFormat | no | string | — | dayjs format for years list | - - -### `MonthsList` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/months-list/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { monthsList?: Record<string, any>; monthsListCell?: Record<string, any>; monthsListRow?: Record<string, any>; monthsListControl?: Record<...>; } | — | — | -| fullWidth | no | false | true | false, true | Determines whether the list should take the full width of its container | -| locale | no | string | — | Dayjs locale, defaults to value defined in DatesProvider | -| maxDate | no | string | Date | — | Maximum possible date in `YYYY-MM-DD` format or Date object | -| minDate | no | string | Date | — | Minimum possible date in `YYYY-MM-DD` format or Date object | -| monthsListFormat | no | string | — | `dayjs` format for months list | -| unstyled | no | false | true | false, true | — | -| withCellSpacing | no | false | true | false, true | Determines whether controls should be separated | -| year | yes | string | — | Year for which months list should be displayed | - - -### `PickerControl` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/picker-control/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { pickerControl?: Record<string, any>; } | — | — | -| firstInRange | no | false | true | false, true | Assigns first in range styles | -| fullWidth | no | false | true | false, true | Determines whether the control should take the full width of its cell | -| inRange | no | false | true | false, true | Assigns in range styles | -| lastInRange | no | false | true | false, true | Assigns last in range styles | -| selected | no | false | true | false, true | Assigns selected styles | -| unstyled | no | false | true | false, true | — | - - -### `PickerInputBase` - -- Safety: `denied` -- Category: `blocked` -- Documentation: [upstream component API](https://mantine.dev/dates/picker-input-base/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - No additional catalog requirement; preserve semantic labels and text alternatives. - -Denied reason: Internal date-input primitive. - -#### Component-specific props - -_No authorable props because this component is denied._ - - -### `TimeGrid` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/time-grid/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| allowDeselect | no | false | true | false, true | Determines whether the value can be deselected when the current active option is clicked or activated with keyboard | -| amPmLabels | no | TimePickerAmPmLabels | — | Labels used for am/pm values | -| attributes | no | { root?: Record<string, any>; control?: Record<string, any>; simpleGrid?: Record<string, any>; } | — | — | -| data | yes | string[] | — | Time data in 24h format to be displayed in the grid, for example `['10:00', '18:30', '22:00']`. Time values must be unique. | -| maxTime | no | string | — | All controls after this time are disabled | -| minTime | no | string | — | All controls before this time are disabled | -| simpleGridProps | no | SimpleGridProps | — | Props passed down to the underlying `SimpleGrid` component | -| unstyled | no | false | true | false, true | — | -| withSeconds | no | false | true | false, true | Determines whether the seconds part should be displayed | - - -### `TimeInput` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/time-input/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; section?: Record<string, any>; root?: Record<string, any>; ... 5 more ...; bottomSection?: Record<...>; } | — | — | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| maxTime | no | string | — | Maximum possible string time, if `withSeconds` is true, time should be in format HH:mm:ss, otherwise HH:mm | -| minTime | no | string | — | Minimum possible string time, if `withSeconds` is true, time should be in format HH:mm:ss, otherwise HH:mm | -| pointer | no | false | true | false, true | Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component="button"` for Select/DatePicker). | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withSeconds | no | false | true | false, true | Determines whether seconds input should be displayed | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | - - -### `TimePicker` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/time-picker/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| amPmInputLabel | no | string | — | `aria-label` of am/pm input | -| amPmLabels | no | TimePickerAmPmLabels | — | Labels used for am/pm values | -| amPmSelectProps | no | (React.ClassAttributes<HTMLSelectElement> & React.SelectHTMLAttributes<HTMLSelectElement> & DataAttributes) | — | Props passed down to am/pm select | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; section?: Record<string, any>; root?: Record<string, any>; ... 17 more ...; presetControl?: Record<...>; } | — | — | -| clearButtonProps | no | (CloseButtonProps & ElementProps<"button"> & DataAttributes) | — | Props passed down to clear button | -| clearSectionMode | no | "both" | "rightSection" | "clear" | "both", "clear", "rightSection" | Determines how the clear button and rightSection are rendered | -| clearable | no | false | true | false, true | Determines whether the clear button should be displayed | -| closeDropdownOnPresetSelect | no | false | true | false, true | If set, the dropdown is closed when a value is selected from the presets list | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| hiddenInputProps | no | (React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & DataAttributes) | — | Props passed down to the hidden input | -| hoursInputLabel | no | string | — | `aria-label` of hours input | -| hoursInputProps | no | (React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & DataAttributes) | — | Props passed down to hours input | -| hoursPlaceholder | no | string | — | Hours input placeholder, | -| hoursStep | no | number | — | Number by which hours are incremented/decremented | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| maxDropdownContentHeight | no | number | — | Maximum height of the content displayed in the dropdown in px | -| minHoursDigits | no | number | — | Minimum number of digits displayed in the hours input, applicable only when `type="duration"` is set | -| minutesInputLabel | no | string | — | `aria-label` of minutes input | -| minutesInputProps | no | (React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & DataAttributes) | — | Props passed down to minutes input | -| minutesPlaceholder | no | string | — | Minutes input placeholder, | -| minutesStep | no | number | — | Number by which minutes are incremented/decremented | -| pointer | no | false | true | false, true | Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component="button"` for Select/DatePicker). | -| popoverProps | no | PopoverProps | — | Props passed down to `Popover` component | -| presets | no | TimePickerPresets | — | Time presets to display in the dropdown | -| reverseTimeControlsList | no | false | true | false, true | If set, the time controls list are reversed, | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| scrollAreaProps | no | ScrollAreaProps | — | Props passed down to all underlying `ScrollArea` components | -| secondsInputLabel | no | string | — | `aria-label` of seconds input | -| secondsInputProps | no | (React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & DataAttributes) | — | Props passed down to seconds input | -| secondsPlaceholder | no | string | — | Seconds input placeholder, | -| secondsStep | no | number | — | Number by which seconds are incremented/decremented | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withDropdown | no | false | true | false, true | Determines whether the dropdown with time controls list should be visible when the input has focus | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withSeconds | no | false | true | false, true | Determines whether the seconds input should be displayed | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | - - -### `TimeValue` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/time-value/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| amPmLabels | no | TimePickerAmPmLabels | — | AM/PM labels | -| withSeconds | no | false | true | false, true | Determines whether seconds should be displayed | - - -### `WeekdaysRow` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/weekdays-row/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { weekday?: Record<string, any>; weekdaysRow?: Record<string, any>; } | — | — | -| cellComponent | no | "td" | "th" | "td", "th" | Sets cell type that is used for weekdays | -| firstDayOfWeek | no | 0 | 2 | 3 | 4 | 5 | 6 | 1 | 0, 1, 2, 3, 4, 5, 6 | Number 0-6, 0 – Sunday, 6 – Saturday | -| locale | no | string | — | dayjs locale | -| unstyled | no | false | true | false, true | — | -| withWeekNumbers | no | false | true | false, true | If set, heading for week numbers is displayed | - - -### `YearLevel` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/year-level/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { calendarHeader?: Record<string, any>; calendarHeaderControl?: Record<string, any>; calendarHeaderLevel?: Record<string, any>; ... 4 more ...; monthsListControl?: Record<...>; } | — | — | -| fullWidth | no | false | true | false, true | Determines whether the calendar should take the full width of its container | -| hasNextLevel | no | false | true | false, true | Determines whether next level button should be enabled | -| headerControlsOrder | no | ("next" | "previous" | "level")[] | — | Controls order | -| levelControlAriaLabel | no | string | — | `aria-label` for change level control | -| locale | no | string | — | Dayjs locale, defaults to value defined in DatesProvider | -| maxDate | no | string | Date | — | Maximum possible date in `YYYY-MM-DD` format or Date object | -| minDate | no | string | Date | — | Minimum possible date in `YYYY-MM-DD` format or Date object | -| monthsListFormat | no | string | — | `dayjs` format for months list | -| nextDisabled | no | false | true | false, true | Disables next control | -| nextIcon | no | React.ReactNode | — | Change next icon | -| nextLabel | no | string | — | Next button `aria-label` | -| previousDisabled | no | false | true | false, true | Disables previous control | -| previousIcon | no | React.ReactNode | — | Change previous icon | -| previousLabel | no | string | — | Previous button `aria-label` | -| unstyled | no | false | true | false, true | — | -| withCellSpacing | no | false | true | false, true | Determines whether controls should be separated | -| withNext | no | false | true | false, true | Determines whether next control should be rendered | -| withPrevious | no | false | true | false, true | Determines whether previous control should be rendered | -| year | yes | string | — | Displayed year value in `YYYY-MM-DD` format | - - -### `YearLevelGroup` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/year-level-group/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { calendarHeader?: Record<string, any>; calendarHeaderControl?: Record<string, any>; calendarHeaderLevel?: Record<string, any>; ... 5 more ...; monthsListControl?: Record<...>; } | — | — | -| fullWidth | no | false | true | false, true | Determines whether the calendar should take the full width of its container | -| hasNextLevel | no | false | true | false, true | Determines whether next level button should be enabled | -| headerControlsOrder | no | ("next" | "previous" | "level")[] | — | Controls order | -| locale | no | string | — | Dayjs locale, defaults to value defined in DatesProvider | -| maxDate | no | string | Date | — | Maximum possible date in `YYYY-MM-DD` format or Date object | -| minDate | no | string | Date | — | Minimum possible date in `YYYY-MM-DD` format or Date object | -| monthsListFormat | no | string | — | `dayjs` format for months list | -| nextDisabled | no | false | true | false, true | Disables next control | -| nextIcon | no | React.ReactNode | — | Change next icon | -| nextLabel | no | string | — | Next button `aria-label` | -| numberOfColumns | no | number | — | Number of columns displayed next to each other | -| previousDisabled | no | false | true | false, true | Disables previous control | -| previousIcon | no | React.ReactNode | — | Change previous icon | -| previousLabel | no | string | — | Previous button `aria-label` | -| unstyled | no | false | true | false, true | — | -| withCellSpacing | no | false | true | false, true | Determines whether controls should be separated | -| year | yes | string | — | Displayed year | - - -### `YearPicker` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/year-picker/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.`; becomes `string[]` when `type` is `multiple` or `range` -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| allowDeselect | no | (Type extends "default" ? boolean : never) | — | Determines whether user can deselect the date by clicking on selected item, applicable only when type="default" | -| allowSingleDateInRange | no | (Type extends "range" ? boolean : never) | — | Determines whether a single day can be selected as range, applicable only when type="range" | -| ariaLabels | no | CalendarAriaLabels | — | `aria-label` attributes for controls on different levels | -| attributes | no | { calendarHeader?: Record<string, any>; calendarHeaderControl?: Record<string, any>; calendarHeaderLevel?: Record<string, any>; ... 8 more ...; yearPickerRoot?: Record<...>; } | — | — | -| columnsToScroll | no | number | — | Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly | -| date | no | string | Date | — | Displayed date in controlled mode | -| defaultDate | no | string | Date | — | Initial displayed date in uncontrolled mode | -| fullWidth | no | false | true | false, true | Determines whether the list should take the full width of its container | -| locale | no | string | — | Dayjs locale, defaults to value defined in DatesProvider | -| maxDate | no | string | Date | — | Maximum possible date in `YYYY-MM-DD` format or Date object | -| minDate | no | string | Date | — | Minimum possible date in `YYYY-MM-DD` format or Date object | -| nextLabel | no | string | — | Next button `aria-label` | -| numberOfColumns | no | number | — | Number of columns displayed next to each other | -| presets | no | YearPickerPreset<Type>[] | — | Predefined values to pick from | -| previousLabel | no | string | — | Previous button `aria-label` | -| unstyled | no | false | true | false, true | — | -| withCellSpacing | no | false | true | false, true | Determines whether controls should be separated | -| yearsListFormat | no | string | — | dayjs format for years list | - - -### `YearPickerInput` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/year-picker-input/) -- Temporary bind: `string` via `defaultValue`; read from `inputs.`; becomes `string[]` when `type` is `multiple` or `range` -- Subcomponents: none -- Component-specific blocked props: dropdownType — Modal picker mode escapes the widget overlay boundary, modalProps — Modal picker configuration escapes the widget overlay boundary -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| allowDeselect | no | (Type extends "default" ? boolean : never) | — | Determines whether user can deselect the date by clicking on selected item, applicable only when type="default" | -| allowSingleDateInRange | no | (Type extends "range" ? boolean : never) | — | Determines whether a single day can be selected as range, applicable only when type="range" | -| ariaLabels | no | CalendarAriaLabels | — | `aria-label` attributes for controls on different levels | -| attributes | no | { input?: Record<string, any>; label?: Record<string, any>; section?: Record<string, any>; root?: Record<string, any>; ... 18 more ...; yearPickerRoot?: Record<...>; } | — | — | -| clearButtonProps | no | React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> | — | Props passed down to the clear button | -| clearSectionMode | no | "both" | "rightSection" | "clear" | "both", "clear", "rightSection" | Determines how the clear button and rightSection are rendered | -| clearable | no | false | true | false, true | If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set. | -| closeOnChange | no | false | true | false, true | Determines whether the dropdown is closed when date is selected, not applicable with `type="multiple"` | -| columnsToScroll | no | number | — | Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly | -| date | no | string | Date | — | Displayed date in controlled mode | -| defaultDate | no | string | Date | — | Initial displayed date in uncontrolled mode | -| description | no | React.ReactNode | — | Contents of `Input.Description` component. If not set, description is not displayed. | -| descriptionProps | no | (InputDescriptionProps & DataAttributes) | — | Props passed down to the `Input.Description` component | -| error | no | React.ReactNode | — | Contents of `Input.Error` component. If not set, error is not displayed. | -| errorProps | no | (InputErrorProps & DataAttributes) | — | Props passed down to the `Input.Error` component | -| fullWidth | no | false | true | false, true | Determines whether the list should take the full width of its container | -| inputSize | no | string | — | HTML `size` attribute for the input element (number of visible characters) | -| inputWrapperOrder | no | ("input" | "label" | "description" | "error")[] | — | Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. | -| label | no | React.ReactNode | — | Contents of `Input.Label` component. If not set, label is not displayed. | -| labelProps | no | (InputLabelProps & DataAttributes) | — | Props passed down to the `Input.Label` component | -| labelSeparator | no | string | — | Separator between range value | -| leftSection | no | React.ReactNode | — | Content section displayed on the left side of the input | -| leftSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| leftSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `leftSection` element | -| leftSectionWidth | no | Property.Width<string | number> | — | Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height | -| loading | no | false | true | false, true | Displays loading indicator in the left or right section | -| loadingPosition | no | "left" | "right" | "left", "right" | Position of the loading indicator | -| locale | no | string | — | Dayjs locale, defaults to value defined in DatesProvider | -| maxDate | no | string | Date | — | Maximum possible date in `YYYY-MM-DD` format or Date object | -| minDate | no | string | Date | — | Minimum possible date in `YYYY-MM-DD` format or Date object | -| nextLabel | no | string | — | Next button `aria-label` | -| numberOfColumns | no | number | — | Number of columns displayed next to each other | -| pointer | no | false | true | false, true | Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component="button"` for Select/DatePicker). | -| popoverProps | no | Partial<Omit<PopoverProps, "children">> | — | Props passed down to `Popover` component | -| presets | no | YearPickerPreset<Type>[] | — | Predefined values to pick from | -| previousLabel | no | string | — | Previous button `aria-label` | -| rightSection | no | React.ReactNode | — | Content section displayed on the right side of the input | -| rightSectionPointerEvents | no | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "all" | "fill" | "stroke" | "painted" | "visible" | "visibleFill" | "visiblePainted" | "visibleStroke" | "-moz-initial", "all", "auto", "fill", "inherit", "initial", "none", "painted", "revert", "revert-layer", "stroke", "unset", "visible", "visibleFill", "visiblePainted", "visibleStroke" | Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links). | -| rightSectionProps | no | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | — | Props passed down to the `rightSection` element | -| rightSectionWidth | no | Property.Width<string | number> | — | Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height | -| sortDates | no | false | true | false, true | Determines whether dates values should be sorted before `onChange` call, only applicable with type="multiple" | -| success | no | React.ReactNode | — | Contents of `Input.Success` component. If not set, success is not displayed. | -| successProps | no | (InputSuccessProps & DataAttributes) | — | Props passed down to the `Input.Success` component | -| unstyled | no | false | true | false, true | — | -| valueFormat | no | string | — | `dayjs` format to display input value | -| withAsterisk | no | false | true | false, true | If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. | -| withCellSpacing | no | false | true | false, true | Determines whether controls should be separated | -| withErrorStyles | no | false | true | false, true | Determines whether the input should have red border and red text color when the `error` prop is set | -| withSuccessStyles | no | false | true | false, true | Determines whether the input should have green border when the `success` prop is set | -| wrapperProps | no | WrapperProps | — | Props passed down to the root element | -| yearsListFormat | no | string | — | dayjs format for years list | - - -### `YearsList` - -- Safety: `wrapped` -- Category: `dates` -- Documentation: [upstream component API](https://mantine.dev/dates/years-list/) -- Temporary bind: not available -- Subcomponents: none -- Component-specific blocked props: none -- Accessibility: - - Include a textual date when the visual calendar carries meaning. - -#### Component-specific props - -| Prop | Required | Type | Literal values | Description | -| --- | --- | --- | --- | --- | -| attributes | no | { yearsListControl?: Record<string, any>; yearsList?: Record<string, any>; yearsListCell?: Record<string, any>; yearsListRow?: Record<...>; } | — | — | -| decade | yes | string | — | Decade value to display | -| fullWidth | no | false | true | false, true | Determines whether the list should take the full width of its container | -| locale | no | string | — | Dayjs locale, defaults to value defined in DatesProvider | -| maxDate | no | string | Date | — | Maximum possible date in `YYYY-MM-DD` format or Date object | -| minDate | no | string | Date | — | Minimum possible date in `YYYY-MM-DD` format or Date object | -| unstyled | no | false | true | false, true | — | -| withCellSpacing | no | false | true | false, true | Determines whether controls should be separated | -| yearsListFormat | no | string | — | dayjs format for years list | +function Demo() { + return ( + + {/* Your app */} + + ); +} +``` diff --git a/.agents/skills/homarr-custom-widget/references/runtime.md b/.agents/skills/homarr-custom-widget/references/runtime.md index c6cbee715..adfd0b190 100644 --- a/.agents/skills/homarr-custom-widget/references/runtime.md +++ b/.agents/skills/homarr-custom-widget/references/runtime.md @@ -2,6 +2,20 @@ Templates read four roots: `data.`, `status.`, `options`, and `inputs`. +Each request status is an object: + +```ts +status. = { + loading: boolean; + ok?: boolean; + status?: number; + statusText?: string; + error?: string; +}; +``` + +Use `status.list?.loading` for loading, `status.list?.ok === false` for failure, and `status.list?.ok === true` for success. Do not compare `status.list` with the strings `"loading"`, `"success"`, or `"error"`; those comparisons are always false and are rejected by validation. + Use Mantine Core, Dates, Charts, safe Tabler icons, and Homarr runtime components. Safe installed Mantine exports are discovered automatically. Ordinary serializable props and Mantine style props pass through; `style` and `styles` are scoped and sanitized. Render icons as ``. When connected, retrieve `homarr://custom-widgets/components/TablerIcon` for the supported icon names. diff --git a/.agents/skills/homarr-custom-widget/references/widget-schema.json b/.agents/skills/homarr-custom-widget/references/widget-schema.json new file mode 100644 index 000000000..6aa750173 --- /dev/null +++ b/.agents/skills/homarr-custom-widget/references/widget-schema.json @@ -0,0 +1,478 @@ +{ + "$schema": "https://json-schema.org/draft/2020-12/schema", + "type": "object", + "properties": { + "$schema": { + "type": "string", + "const": "homarr-custom-widget-v2" + }, + "name": { + "type": "string", + "minLength": 1, + "maxLength": 128 + }, + "description": { + "type": "string", + "maxLength": 512 + }, + "iconUrl": { + "type": "string", + "format": "uri" + }, + "sources": { + "minItems": 1, + "maxItems": 8, + "type": "array", + "items": { + "type": "object", + "properties": { + "id": { + "type": "string", + "minLength": 1, + "maxLength": 64, + "pattern": "^[a-z][a-z0-9_-]*$" + }, + "name": { + "type": "string", + "minLength": 1, + "maxLength": 128 + }, + "baseUrl": { + "type": "string", + "maxLength": 2048, + "format": "uri" + }, + "networkScope": { + "type": "string", + "enum": [ + "public", + "private", + "loopback" + ] + }, + "auth": { + "oneOf": [ + { + "type": "object", + "properties": { + "type": { + "type": "string", + "const": "none" + } + }, + "required": [ + "type" + ], + "additionalProperties": false + }, + { + "type": "object", + "properties": { + "type": { + "type": "string", + "const": "bearer" + } + }, + "required": [ + "type" + ], + "additionalProperties": false + }, + { + "type": "object", + "properties": { + "type": { + "type": "string", + "const": "basic" + } + }, + "required": [ + "type" + ], + "additionalProperties": false + }, + { + "type": "object", + "properties": { + "type": { + "type": "string", + "const": "apiKeyHeader" + }, + "headerName": { + "type": "string", + "minLength": 1, + "maxLength": 256, + "pattern": "^[!#$%&'*+\\-.^_`|~0-9A-Za-z]+$" + } + }, + "required": [ + "type", + "headerName" + ], + "additionalProperties": false + }, + { + "type": "object", + "properties": { + "type": { + "type": "string", + "const": "apiKeyQuery" + }, + "parameterName": { + "type": "string", + "minLength": 1, + "maxLength": 256 + } + }, + "required": [ + "type", + "parameterName" + ], + "additionalProperties": false + } + ] + } + }, + "required": [ + "id", + "name", + "baseUrl", + "networkScope", + "auth" + ], + "additionalProperties": false + } + }, + "requests": { + "maxItems": 64, + "type": "array", + "items": { + "type": "object", + "properties": { + "id": { + "type": "string", + "minLength": 1, + "maxLength": 64, + "pattern": "^[a-z][a-z0-9_-]*$" + }, + "sourceId": { + "type": "string", + "minLength": 1, + "maxLength": 64, + "pattern": "^[a-z][a-z0-9_-]*$" + }, + "kind": { + "type": "string", + "enum": [ + "query", + "action" + ] + }, + "method": { + "type": "string", + "enum": [ + "GET", + "POST", + "PUT", + "DELETE", + "PATCH" + ] + }, + "pathTemplate": { + "type": "string", + "minLength": 1, + "maxLength": 2048, + "pattern": "^\\/.*" + }, + "parameters": { + "type": "object", + "propertyNames": { + "type": "string", + "minLength": 1, + "maxLength": 64 + }, + "additionalProperties": { + "type": "string", + "enum": [ + "string", + "number", + "boolean" + ] + } + }, + "optionsBinding": { + "type": "object", + "propertyNames": { + "type": "string", + "minLength": 1, + "maxLength": 64 + }, + "additionalProperties": { + "anyOf": [ + { + "type": "string" + }, + { + "type": "number" + }, + { + "type": "boolean" + }, + { + "type": "object", + "properties": { + "$option": { + "type": "string", + "minLength": 1, + "maxLength": 64 + } + }, + "required": [ + "$option" + ], + "additionalProperties": false + } + ] + } + }, + "queryTemplate": { + "type": "object", + "propertyNames": { + "type": "string", + "minLength": 1, + "maxLength": 256 + }, + "additionalProperties": { + "$ref": "#/$defs/__schema0" + } + }, + "bodyTemplate": { + "$ref": "#/$defs/__schema1" + }, + "staticHeaders": { + "type": "object", + "propertyNames": { + "type": "string", + "minLength": 1, + "maxLength": 256, + "pattern": "^[!#$%&'*+\\-.^_`|~0-9A-Za-z]+$" + }, + "additionalProperties": { + "type": "string", + "maxLength": 8192 + } + }, + "auth": { + "type": "string", + "enum": [ + "inherit", + "none" + ] + }, + "minimumBoardPermission": { + "type": "string", + "enum": [ + "view", + "modify", + "full" + ] + }, + "trigger": { + "default": "manual", + "type": "string", + "enum": [ + "load", + "manual" + ] + }, + "cacheTtlSeconds": { + "type": "integer", + "minimum": 0, + "maximum": 3600 + }, + "confirmation": { + "type": "object", + "properties": { + "title": { + "type": "string", + "minLength": 1, + "maxLength": 128 + }, + "message": { + "type": "string", + "minLength": 1, + "maxLength": 512 + }, + "confirmLabel": { + "type": "string", + "minLength": 1, + "maxLength": 64 + }, + "destructive": { + "type": "boolean" + } + }, + "required": [ + "title", + "message" + ], + "additionalProperties": false + }, + "invalidates": { + "maxItems": 32, + "type": "array", + "items": { + "type": "string", + "minLength": 1, + "maxLength": 64, + "pattern": "^[a-z][a-z0-9_-]*$" + } + } + }, + "required": [ + "id", + "sourceId", + "kind", + "method", + "pathTemplate", + "parameters", + "auth", + "minimumBoardPermission", + "trigger" + ], + "additionalProperties": false + } + }, + "optionsSchema": { + "type": "object", + "properties": { + "type": { + "type": "string", + "const": "object" + }, + "properties": { + "default": {}, + "type": "object", + "propertyNames": { + "type": "string" + }, + "additionalProperties": {} + }, + "required": { + "type": "array", + "items": { + "type": "string" + } + }, + "additionalProperties": { + "default": false, + "type": "boolean", + "const": false + }, + "title": { + "type": "string" + }, + "description": { + "type": "string" + }, + "if": {}, + "then": {}, + "else": {} + }, + "required": [ + "type", + "properties", + "additionalProperties" + ], + "additionalProperties": false + }, + "defaultOptions": { + "type": "object", + "propertyNames": { + "type": "string" + }, + "additionalProperties": {} + }, + "template": { + "type": "string", + "minLength": 1, + "maxLength": 50000 + } + }, + "required": [ + "$schema", + "name", + "sources", + "requests", + "optionsSchema", + "defaultOptions", + "template" + ], + "additionalProperties": false, + "$defs": { + "__schema0": { + "anyOf": [ + { + "type": "string" + }, + { + "type": "number" + }, + { + "type": "boolean" + }, + { + "type": "null" + }, + { + "type": "array", + "items": { + "$ref": "#/$defs/__schema0" + } + }, + { + "type": "object", + "propertyNames": { + "type": "string" + }, + "additionalProperties": { + "$ref": "#/$defs/__schema0" + } + } + ] + }, + "__schema1": { + "anyOf": [ + { + "type": "string" + }, + { + "type": "number" + }, + { + "type": "boolean" + }, + { + "type": "null" + }, + { + "type": "array", + "items": { + "$ref": "#/$defs/__schema1" + } + }, + { + "type": "object", + "propertyNames": { + "type": "string" + }, + "additionalProperties": { + "$ref": "#/$defs/__schema1" + } + } + ] + } + }, + "title": "Homarr Custom JSX v2 widget", + "description": "The only supported Homarr custom-widget format. Secrets are configured separately." +} diff --git a/.oxfmtrc.json b/.oxfmtrc.json index d1a222d53..c5532ca72 100644 --- a/.oxfmtrc.json +++ b/.oxfmtrc.json @@ -12,7 +12,6 @@ "apps/docs/build/**", "apps/docs/blog/**", "packages/custom-widgets/src/core/component-catalog.generated.json", - "packages/custom-widgets/src/core/component-runtime.generated.json", "apps/docs/static/custom-widgets/component-catalog-v1.json" ] } diff --git a/apps/docs/docs/management/api/index.mdx b/apps/docs/docs/management/api/index.mdx index 2009b4ade..396d41d37 100644 --- a/apps/docs/docs/management/api/index.mdx +++ b/apps/docs/docs/management/api/index.mdx @@ -86,10 +86,12 @@ Use the interactive API reference to inspect the exact request body for each end ## Get Custom Widget authoring resources -Custom JSX v2 provides two HTTP discovery endpoints: +Custom JSX v2 provides four HTTP discovery endpoints: -- `GET /api/custom-widgets/authoring-prompt` returns the current authoring prompt and live resource identifiers. -- `GET /api/custom-widgets/skill` returns information about the Agent Skill. +- `GET /api/custom-widgets/authoring-prompt` returns the current prompt plus MCP and HTTP resource identifiers. +- `GET /api/custom-widgets/schema` returns the canonical widget JSON Schema. +- `GET /api/custom-widgets/components` returns the release-matched static component catalog. +- `GET /api/custom-widgets/skill` returns the complete Agent Skill files, catalog, examples, and skills.sh metadata. Call `customWidget_secretRequestUser` to create a temporary credential entry URL. Do not construct or save this URL. diff --git a/apps/docs/docs/management/custom-widgets/agent-authoring.mdx b/apps/docs/docs/management/custom-widgets/agent-authoring.mdx index af38b5faf..aeb7a025d 100644 --- a/apps/docs/docs/management/custom-widgets/agent-authoring.mdx +++ b/apps/docs/docs/management/custom-widgets/agent-authoring.mdx @@ -16,7 +16,7 @@ npx skills add https://github.com/homarr-labs/homarr --skill homarr-custom-widge The portable skill gives authoring instructions that do not require a tool. The Homarr MCP prompt gives instructions for a connected workflow. -The offline copy prompt includes the complete portable skill and all eight release-matched references. Those references contain the generated component APIs and runtime examples, so Homarr does not append duplicate raw catalog data. A model can author directly from this bundle without MCP tools or repository access. +The offline copy prompt includes the complete portable skill and all eleven release-matched references, including the canonical widget JSON Schema, minified component catalog, and canonical runtime examples. A model can author directly from this bundle without MCP tools or repository access. The prompt starts with the user's widget request. It ends with: @@ -39,23 +39,28 @@ Repository code cannot give this attribution. - Prompt: `homarr-custom-widget-author` - Resources: `homarr://custom-widgets/schema`, `components`, `components/{name}`, `examples/{name}`, and `skill` -- HTTP: `GET /api/custom-widgets/authoring-prompt` and `GET /api/custom-widgets/skill` +- HTTP: `GET /api/custom-widgets/authoring-prompt`, `schema`, `components`, and `skill` The authoring-prompt tool description contains one sentence. The prompt contains the workflow instructions and resource links. -`GET /api/custom-widgets/skill`, the MCP tool, and the MCP resource return the live `SKILL.md` with: +`GET /api/custom-widgets/skill` and the MCP tool return the complete release-matched skill discovery payload: ```ts { name: "homarr-custom-widget"; version: string; skillMd: string; + files: Array<{ path: string; content: string }>; + componentCatalog: CustomJsxAuthoringCatalog; + examples: CustomJsxExample[]; skillsShUrl: string; sourceUrl: string; installCommand: string; } ``` +The `homarr://custom-widgets/skill` MCP resource returns the same material as one plain-text offline bundle, ending with the truncation sentinel and exact character count. + These interfaces do not return an archive URL or archive hash. ## Create a Custom Widget with MCP diff --git a/apps/docs/docs/management/custom-widgets/authoring.mdx b/apps/docs/docs/management/custom-widgets/authoring.mdx index d012bb497..5f0c15836 100644 --- a/apps/docs/docs/management/custom-widgets/authoring.mdx +++ b/apps/docs/docs/management/custom-widgets/authoring.mdx @@ -1,6 +1,16 @@ # Create a Custom Widget -import { CanonicalCustomWidgetExample } from "@site/src/components/custom-widget-code"; +import { CanonicalCustomWidgetExample, CustomWidgetCodeExample } from "@site/src/components/custom-widget-code"; + +export const explicitOptionsBindingExample = `{ + "pathTemplate": "/api/endpoints/{endpointId}/docker/containers/json", + "parameters": { "endpointId": "string", "showAll": "boolean" }, + "queryTemplate": { "all": { "$param": "showAll" } }, + "optionsBinding": { + "endpointId": { "$option": "endpointId" }, + "showAll": false + } +}`; The desktop workbench shows the code and preview next to each other. On a mobile device, use the Configure and Preview tabs. @@ -68,10 +78,12 @@ The standard prompt contains fewer than 8,000 characters. It includes the instal It does not include a complete prop list, MCP workflow, server URL, or credentials. The prompt with the embedded skill is intentionally longer. It starts with your widget request, then includes: -- `SKILL.md` and all eight release-matched reference files +- `SKILL.md` and all eleven release-matched reference files, including the canonical widget JSON Schema - The Custom Widget, Mantine, skill, and catalog-schema versions +- The compact canonical component catalog +- Canonical runtime examples -The generated reference files already contain the exact component and prop APIs. Homarr does not append a second raw catalog or a duplicate examples payload. +The generated Markdown references remain readable offline. The compact JSON catalog gives tools the identical machine-readable component records used by Homarr. The embedded prompt ends with this sentinel and an exact total character count: @@ -101,7 +113,7 @@ Widget options use a restricted object JSON Schema. Homarr supports the followin - URL - Nested group - Conditional field -- Advanced JSON +- JSON value Credentials are not widget options. Homarr rejects credential names and static credential values in widget options. @@ -121,17 +133,12 @@ A parameter declaration does not give a value to the parameter. A matching widge For a load query, bind each parameter in `optionsBinding`. Use an option reference or a type-compatible primitive literal: -```json -{ - "pathTemplate": "/api/endpoints/{endpointId}/docker/containers/json", - "parameters": { "endpointId": "string", "showAll": "boolean" }, - "queryTemplate": { "all": { "$param": "showAll" } }, - "optionsBinding": { - "endpointId": { "$option": "endpointId" }, - "showAll": false - } -} -``` + For a manual query or action, supply all parameters with the component `params` prop. Use `SubFetch`, `ActionButton`, or `ToggleSwitch`. diff --git a/apps/docs/docs/management/custom-widgets/custom-jsx.mdx b/apps/docs/docs/management/custom-widgets/custom-jsx.mdx index 77ea3187f..4dd6d766b 100644 --- a/apps/docs/docs/management/custom-widgets/custom-jsx.mdx +++ b/apps/docs/docs/management/custom-widgets/custom-jsx.mdx @@ -1,13 +1,9 @@ # Use the Custom JSX runtime import { CustomJsxComponentReference } from "@site/src/components/custom-jsx-component-reference"; +import { CustomWidgetCodeExample } from "@site/src/components/custom-widget-code"; -Homarr interprets declarative JSX in the error boundary of the widget. A template cannot import a module or run arbitrary JavaScript. - -## Use data roots - -```jsx - +export const dataRootsExample = ` {data["search-series"]?.map((series) => ( @@ -18,14 +14,87 @@ Homarr interprets declarative JSX in the error boundary of the widget. A templat ))} +`; + +export const localBindingExample = `{data.pokemon.map((pokemon) => { + const segments = pokemon.url.split("/").filter((part) => part); + const dexId = segments.at(-1); + const isSelected = inputs.selectedPokemon === pokemon.name; + +return ( + + +#{dexId} +{pokemon.name} + +); +})}`; + +export const derivedValueExample = `{(() => { + const visiblePokemon = data.pokemon.filter( + (pokemon) => options.types.length === 0 || options.types.includes(pokemon.type), + ); + +return ( + + +{visiblePokemon.map((pokemon) => ( +{pokemon.name} +))} -``` +); +})()}`; + +export const recursiveListExample = ` + {(node, meta) => { + const segments = node.species.url.split("/").filter((part) => part); + const dexId = segments.at(-1); + + return ( + + #{dexId} + + {node.species.name} + + {meta.hasChildren && {meta.childCount} evolutions} + + ); + +}} + +`; + +export const temporaryInputsExample = ` + + + +`; + +Homarr interprets declarative JSX in the error boundary of the widget. A template cannot import a module or run arbitrary JavaScript. + +## Use data roots + + - `data.` contains sanitized JSON or text results. -- `status.` contains the request status. +- `status.` contains `{ loading, ok, status, statusText, error }`. - `options` contains the validated board item configuration. - `inputs` contains temporary values from controls that use `bind`. +Check `status.list?.loading` while loading, `status.list?.ok === false` on failure, and `status.list?.ok === true` on success. Do not compare `status.list` with `"loading"`, `"success"`, or `"error"`; the status is an object, and validation rejects those comparisons. + Load queries get data automatically. They run at the widget refresh interval. `SubFetch` runs a manual query. `ActionButton` and `ToggleSwitch` run actions. @@ -73,44 +142,23 @@ The explorer fetches only the plain, versioned static catalog. It does not impor A collection callback can use a restricted block when the returned JSX needs the same derived value more than once: -```jsx -{ - data.pokemon.map((pokemon) => { - const segments = pokemon.url.split("/").filter((part) => part); - const dexId = segments.at(-1); - const isSelected = inputs.selectedPokemon === pokemon.name; - - return ( - - #{dexId} - {pokemon.name} - - ); - }); -} -``` + The block must contain one or more `const` declarations followed by exactly one final `return`. A declaration uses one simple identifier and a required initializer. An earlier local can be used by later declarations and the final JSX. For one page-level derived value, directly invoke a zero-argument inline arrow: -```jsx -{ - (() => { - const visiblePokemon = data.pokemon.filter( - (pokemon) => options.types.length === 0 || options.types.includes(pokemon.type), - ); - - return ( - - {visiblePokemon.map((pokemon) => ( - {pokemon.name} - ))} - - ); - })(); -} -``` + This is not general JavaScript execution. The runtime rejects: @@ -130,31 +178,13 @@ Relevant diagnostics include `INVALID_LOCAL_DECLARATION`, `LOCAL_BINDING_REQUIRE Use the trusted `RecursiveList` special form for evolution chains, directory trees, nested comments, and other unknown-depth data. Do not write an authored recursive function or pass Mantine a render callback. -```jsx - - {(node, meta) => { - const segments = node.species.url.split("/").filter((part) => part); - const dexId = segments.at(-1); - - return ( - - #{dexId} - - {node.species.name} - - {meta.hasChildren && {meta.childCount} evolutions} - - ); - }} - -``` + The child template receives the current `node` and this metadata: @@ -180,13 +210,12 @@ Homarr detects cycles per ancestor chain. A malformed branch, render failure, or Bind a control to a literal name. Read its value from `inputs`: -```jsx - - - - - -``` + These values exist in React memory while the widget is mounted. Homarr does not save them in any storage location. diff --git a/apps/docs/docs/management/mcp.mdx b/apps/docs/docs/management/mcp.mdx index b3503eb4c..4f3b818dc 100644 --- a/apps/docs/docs/management/mcp.mdx +++ b/apps/docs/docs/management/mcp.mdx @@ -193,6 +193,8 @@ Discovery resources: - `homarr://custom-widgets/examples/{name}` - `homarr://custom-widgets/skill` +An HTTP-only harness can use the matching `/api/custom-widgets/authoring-prompt`, `/schema`, `/components`, and `/skill` endpoints instead of MCP resource URIs. + The Custom Widget tools are: - `customWidget_schema` diff --git a/apps/docs/docs/management/workshop/index.mdx b/apps/docs/docs/management/workshop/index.mdx index 818e008d7..ee7537348 100644 --- a/apps/docs/docs/management/workshop/index.mdx +++ b/apps/docs/docs/management/workshop/index.mdx @@ -9,6 +9,10 @@ self-hosted Homarr instance. Workshop validates widget JSON in the browser before publishing. Homarr validates it again before installation. Widget exports must not contain credentials; users configure required credentials only after importing a widget. +Each submission stores the manifest's `$schema` value as separate compatibility metadata. Workshop marks the current +Custom JSX schema and unsupported schemas in listings, while Homarr blocks installation if this metadata disagrees with +the downloaded manifest. The manifest remains the source of truth and is always validated again locally. + Votes and reports are unique per user and submission. Listings expose vote totals without exposing voter identities. Reports include a category and explanation. Administrators can see the reporter, dismiss the report, or delete the reported submission. @@ -40,10 +44,12 @@ The central Workshop PocketBase service controls authentication. Register this c https:///api/oauth2-redirect ``` -Self-hosted Homarr origins, including localhost and custom domains, do not need separate GitHub callbacks. The Workshop -host completes authentication in a popup and returns the result to the calling Homarr page. +Self-hosted Homarr origins, including localhost and custom domains, do not need separate GitHub callbacks. Homarr opens +the popup synchronously, while PocketBase completes authentication through its realtime OAuth flow on the Workshop host. +On successful sign-in, Homarr copies the GitHub display name or login and HTTPS avatar into that user's Workshop profile. +The collection rules let users update their own profile fields but prevent them from setting `isAdmin`. PocketBase permits all origins by default. If the deployment uses `--origins` or a restrictive reverse-proxy CORS policy, it must permit self-hosted Homarr origins. See [PocketBase routing and CORS](https://pocketbase.io/docs/go-routing/). -Homarr shows a visible error when the provider is misconfigured or the popup is blocked, cancelled, or times out. +Homarr shows a visible error when the provider is misconfigured or the popup is blocked or cancelled. diff --git a/apps/docs/package.json b/apps/docs/package.json index 561a4b2ee..602024bd5 100644 --- a/apps/docs/package.json +++ b/apps/docs/package.json @@ -18,7 +18,6 @@ "write-translations": "docusaurus write-translations", "write-heading-ids": "docusaurus write-heading-ids", "api-dump-contributors": "node ./scripts/dump-contributors.mjs", - "check:custom-widgets-ste": "node ./scripts/check-custom-widgets-ste.mjs", "verify:search": "node ./scripts/verify-algolia-search.mjs" }, "dependencies": { diff --git a/apps/docs/scripts/check-custom-widgets-ste.mjs b/apps/docs/scripts/check-custom-widgets-ste.mjs deleted file mode 100644 index 759e1a86f..000000000 --- a/apps/docs/scripts/check-custom-widgets-ste.mjs +++ /dev/null @@ -1,217 +0,0 @@ -import { readFile } from "node:fs/promises"; -import { fileURLToPath } from "node:url"; -import { dirname, resolve } from "node:path"; - -import { britishSpellings, imperativeVerbs, nonSteTerms, technicalTerms } from "./custom-widgets-ste-terms.mjs"; - -const scriptDirectory = dirname(fileURLToPath(import.meta.url)); -const docsDirectory = resolve(scriptDirectory, "../docs"); - -const files = [ - { path: "management/custom-widgets/agent-authoring.mdx" }, - { path: "management/custom-widgets/authoring.mdx" }, - { path: "management/custom-widgets/custom-jsx.mdx" }, - { path: "management/custom-widgets/index.mdx" }, - { path: "management/custom-widgets/requests-and-security.mdx" }, - { path: "management/custom-widgets/troubleshooting.mdx" }, - { path: "management/workshop/index.mdx" }, - { path: "widgets/custom-api/index.mdx" }, - { path: "management/api/index.mdx", section: "Get Custom Widget authoring resources" }, - { path: "management/mcp.mdx", section: "Create a Custom Widget with an AI agent", includeMatching: /Custom Widget/ }, - { path: "advanced/environment-variables/index.mdx", includeMatching: /WORKSHOP_API_URL/ }, - { path: "community/faq.mdx", section: "Can I add my own widgets? Do I need programming skills?" }, - { path: "management/backup.mdx", includeMatching: /Custom Widget/ }, -]; - -const imperativeSet = new Set(imperativeVerbs); -const issues = []; - -const overview = await readFile(resolve(docsDirectory, "management/custom-widgets/index.mdx"), "utf8"); -if (!overview.includes("## Audience and prerequisites")) { - addIssue("management/custom-widgets/index.mdx", 1, "Add the required audience and prerequisites section."); -} - -for (const file of files) { - const absolutePath = resolve(docsDirectory, file.path); - const source = await readFile(absolutePath, "utf8"); - const selectedLines = selectLines(source, file); - const paragraphs = getProseParagraphs(selectedLines); - - for (const paragraph of paragraphs) { - const sentences = splitSentences(paragraph.text); - if (sentences.length > 6) { - addIssue(file.path, paragraph.line, `Paragraph has ${sentences.length} sentences. The limit is 6.`); - } - - for (const sentence of sentences) { - const wordCount = countWords(sentence); - const isProcedure = paragraph.isList || startsWithImperative(sentence); - const limit = isProcedure ? 20 : 25; - if (wordCount > limit) { - const type = isProcedure ? "Procedural" : "Descriptive"; - addIssue(file.path, paragraph.line, `${type} sentence has ${wordCount} words. The limit is ${limit}.`); - } - } - - checkTerms(file.path, paragraph.line, paragraph.text); - } -} - -if (issues.length > 0) { - console.error("Custom Widget STE check failed:\n"); - for (const issue of issues) console.error(`- ${issue}`); - process.exitCode = 1; -} else { - console.log(`Custom Widget STE check passed. ${technicalTerms.length} technical terms are registered.`); -} - -function selectLines(source, file) { - const lines = source.split("\n").map((text, index) => ({ text, line: index + 1 })); - if (!file.section && !file.includeMatching) return lines; - - const selected = []; - if (file.section) { - const start = lines.findIndex(({ text }) => text.trim().replace(/^#{2,6}\s+/, "") === file.section); - if (start === -1) throw new Error(`Section '${file.section}' was not found in ${file.path}`); - const headingLevel = lines[start].text.trim().match(/^#+/)?.[0].length ?? 2; - - for (let index = start; index < lines.length; index += 1) { - const nextHeadingLevel = lines[index].text.trim().match(/^#+(?=\s)/)?.[0].length; - if (index > start && nextHeadingLevel && nextHeadingLevel <= headingLevel) break; - selected.push(lines[index]); - } - } - - if (file.includeMatching) { - for (const line of lines) { - if (file.includeMatching.test(line.text) && !selected.some((item) => item.line === line.line)) - selected.push(line); - } - } - - return selected.toSorted((left, right) => left.line - right.line); -} - -function getProseParagraphs(lines) { - const paragraphs = []; - let paragraph = null; - let inFence = false; - let inFrontmatter = false; - let inTemplateExport = false; - let inJsxTag = false; - - const flush = () => { - if (paragraph?.text.trim()) paragraphs.push({ ...paragraph, text: paragraph.text.trim() }); - paragraph = null; - }; - - for (const { text: originalText, line } of lines) { - const trimmed = originalText.trim(); - - if (line === 1 && trimmed === "---") { - inFrontmatter = true; - continue; - } - if (inFrontmatter && trimmed === "---") { - inFrontmatter = false; - continue; - } - if (trimmed.startsWith("```")) { - flush(); - inFence = !inFence; - continue; - } - if (inFence) continue; - - if (/^export const .*?=\s*`/.test(trimmed)) inTemplateExport = true; - if (inTemplateExport) { - if (/`;\s*$/.test(trimmed)) inTemplateExport = false; - continue; - } - - if (/^(import|export)\s/.test(trimmed)) continue; - if (trimmed.startsWith("<")) inJsxTag = true; - if (inJsxTag) { - if (trimmed.includes(">")) inJsxTag = false; - continue; - } - - let text = trimmed; - if (inFrontmatter) { - const match = text.match(/^(title|description|sidebar_label):\s*["']?(.*?)["']?$/); - if (!match) continue; - text = match[2]; - } - - if (!text || /^\|?\s*:?-+:?/.test(text)) { - flush(); - continue; - } - - const isList = /^\s*(?:[-*]|\d+\.)\s+/.test(text); - text = cleanMarkdown(text); - if (!text) { - flush(); - continue; - } - - if (isList || text.startsWith("#") || text.startsWith("|")) flush(); - text = text - .replace(/^#{1,6}\s+/, "") - .replace(/^\s*(?:[-*]|\d+\.)\s+/, "") - .replace(/^\|\s*/, "") - .replace(/\s*\|\s*$/, ""); - - if (!paragraph) paragraph = { text, line, isList }; - else paragraph.text += ` ${text}`; - - if (isList || trimmed.startsWith("#") || trimmed.startsWith("|")) flush(); - } - - flush(); - return paragraphs; -} - -function cleanMarkdown(text) { - return text - .replace(/\[([^\]]+)]\([^\s)]+(?:\s+"[^"]*")?\)/g, "$1") - .replace(/`[^`]*`/g, " ") - .replace(/<[^>]+>/g, " ") - .replace(/[*_~]/g, "") - .replace(/https?:\/\/\S+/g, " ") - .replace(/\s+/g, " ") - .trim(); -} - -function splitSentences(text) { - const normalized = text.replace(/\b(?:for example|such as)\b/gi, "example"); - const matches = normalized.match(/[^.!?]+[.!?]+|[^.!?]+$/g) ?? []; - return matches.map((sentence) => sentence.trim()).filter(Boolean); -} - -function countWords(sentence) { - return sentence.match(/[A-Za-z0-9]+(?:[-'][A-Za-z0-9]+)*/g)?.length ?? 0; -} - -function startsWithImperative(sentence) { - const firstWord = sentence.toLowerCase().match(/[a-z]+/)?.[0]; - return firstWord ? imperativeSet.has(firstWord) : false; -} - -function checkTerms(path, line, text) { - const lowerText = text.toLowerCase(); - for (const spelling of britishSpellings) { - if (new RegExp(`\\b${spelling}\\b`, "i").test(text)) { - addIssue(path, line, `Use American English instead of '${spelling}'.`); - } - } - for (const term of nonSteTerms) { - if (new RegExp(`\\b${term}\\b`, "i").test(lowerText)) { - addIssue(path, line, `Replace the non-STE term '${term}'.`); - } - } -} - -function addIssue(path, line, message) { - issues.push(`${path}:${line} ${message}`); -} diff --git a/apps/docs/scripts/custom-widgets-ste-terms.mjs b/apps/docs/scripts/custom-widgets-ste-terms.mjs deleted file mode 100644 index 88adb137a..000000000 --- a/apps/docs/scripts/custom-widgets-ste-terms.mjs +++ /dev/null @@ -1,125 +0,0 @@ -export const technicalTerms = [ - "Homarr", - "Custom Widget", - "Custom JSX v2", - "Workshop", - "API source", - "named request", - "load query", - "manual query", - "action", - "widget option", - "temporary input", - "CodeMirror", - "Mantine", - "PocketBase", - "MCP", - "JSON Schema", - "API key", - "network scope", - "preview session", - "error boundary", - "HTTP", - "JSON", - "JSX", - "React", - "TypeScript", - "Zod", - "TLS", - "DNS", - "CORS", - "OAuth", - "SSRF", - "tRPC", - "GitHub", - "Docker", - "reverse proxy", - "container networking", - "API authentication", - "bearer token", - "basic authentication", - "primitive literal", - "prop metadata", - "allowlist", - "denylist", -]; - -export const imperativeVerbs = [ - "add", - "bind", - "build", - "call", - "check", - "configure", - "correct", - "create", - "declare", - "define", - "delete", - "disable", - "download", - "enable", - "enter", - "examine", - "export", - "get", - "give", - "import", - "inspect", - "install", - "keep", - "open", - "paste", - "read", - "register", - "remove", - "repeat", - "request", - "run", - "save", - "select", - "set", - "start", - "supply", - "test", - "use", - "verify", - "wait", - "write", -]; - -export const britishSpellings = [ - "authorise", - "authorised", - "behaviour", - "cancelled", - "centre", - "colour", - "customise", - "customised", - "initialise", - "labelling", - "licence", - "organisation", - "recognise", - "serialise", - "synchronise", - "utilise", - "visualise", -]; - -export const nonSteTerms = [ - "easy", - "easily", - "genuinely", - "leverage", - "magic", - "obviously", - "seamless", - "seamlessly", - "simply", - "straightforward", - "utilize", - "utilized", - "wizard", -]; diff --git a/apps/docs/src/components/custom-jsx-component-reference.module.css b/apps/docs/src/components/custom-jsx-component-reference.module.css index 77a32d4b9..66fe6bff0 100644 --- a/apps/docs/src/components/custom-jsx-component-reference.module.css +++ b/apps/docs/src/components/custom-jsx-component-reference.module.css @@ -323,14 +323,6 @@ margin-bottom: 0.6rem; } -.codeBlock { - font-size: 0.75rem; - margin: 0; - max-height: 320px; - overflow: auto; - white-space: pre; -} - .a11yList { font-size: 0.86rem; margin: 0 0 0.7rem; @@ -389,7 +381,7 @@ font-weight: 650; } -.rawComponent .codeBlock { +.rawComponent > div { margin-top: 0.6rem; } diff --git a/apps/docs/src/components/custom-jsx-component-reference.tsx b/apps/docs/src/components/custom-jsx-component-reference.tsx index 0b22e2ee8..23c028787 100644 --- a/apps/docs/src/components/custom-jsx-component-reference.tsx +++ b/apps/docs/src/components/custom-jsx-component-reference.tsx @@ -2,48 +2,19 @@ import BrowserOnly from "@docusaurus/BrowserOnly"; import useBaseUrl from "@docusaurus/useBaseUrl"; import { useEffect, useMemo, useState } from "react"; +import { buildCustomJsxComponentUsageExample } from "@homarr/custom-widgets/catalog-example"; +import type { + CustomJsxAuthoringCatalog, + CustomJsxComponentApi, + CustomJsxPropDescriptor, +} from "@homarr/custom-widgets/catalog"; + +import { CustomWidgetCodeExample } from "./custom-widget-code"; import styles from "./custom-jsx-component-reference.module.css"; -type ComponentSafety = "allowed" | "wrapped" | "denied"; -type ComponentPackage = "@mantine/core" | "@mantine/dates" | "@mantine/charts" | "@homarr/widgets"; -type ComponentBindingType = "string" | "number" | "boolean" | "string[]" | "number[]"; - -interface CatalogProp { - name: string; - typeRef: number; - required: boolean; - source: "global" | "component"; - literalValues?: Array; - description?: string; -} - -interface CatalogComponent { - name: string; - package: ComponentPackage; - category: string; - safety: ComponentSafety; - description?: string; - documentationUrl: string; - props: CatalogProp[]; - blockedProps: Array<{ name: string; reason: string }>; - subcomponents: string[]; - bind?: { - type: ComponentBindingType; - initialProp: "defaultValue" | "defaultChecked"; - }; - accessibilityRequirements: string[]; - deniedReason?: string; -} - -interface ComponentCatalog { - schemaVersion: number; - mantineVersion: string; - customWidgetVersion: string; - types: string[]; - globalProps: CatalogProp[]; - blockedCapabilities: Array<{ kind: string; name: string; reason: string }>; - components: CatalogComponent[]; -} +type ComponentCatalog = CustomJsxAuthoringCatalog; +type CatalogComponent = CustomJsxComponentApi; +type CatalogProp = CustomJsxPropDescriptor; const PAGE_SIZE = 40; @@ -395,10 +366,13 @@ function ComponentDetails({ id, component, types }: { id: string; component: Cat
-
Usage example
- 
-            {buildUsageExample(component, types)}
-
+
@@ -457,9 +431,12 @@ function ComponentDetails({ id, component, types }: { id: string; component: Cat
Raw component JSON - 
-          {JSON.stringify(component, null, 2)}
-
+
); @@ -518,47 +495,3 @@ function humanize(value: string) { function formatLiteral(value: string | number | boolean | null) { return typeof value === "string" ? JSON.stringify(value) : String(value); } - -function buildUsageExample(component: CatalogComponent, types: string[]) { - if (component.name === "RecursiveList") { - return ` - {(node, meta) => ( - - {node.label} - {meta.hasChildren && {meta.childCount}} - - )} -`; - } - - const props = component.props - .filter((prop) => prop.required) - .slice(0, 4) - .map((prop) => `${prop.name}=${examplePropValue(prop, types[prop.typeRef] ?? "unknown")}`); - if (component.bind) { - props.unshift( - `bind="value"`, - `${component.bind.initialProp}=${bindingInitialValue(component.bind.type, component.bind.initialProp)}`, - ); - } - const propText = props.length > 0 ? ` ${props.join(" ")}` : ""; - return `<${component.name}${propText} />`; -} - -function bindingInitialValue(type: ComponentBindingType, initialProp: "defaultValue" | "defaultChecked") { - if (initialProp === "defaultChecked") return "{false}"; - if (type === "string") return '""'; - if (type === "number") return "{0}"; - if (type === "boolean") return "{false}"; - return "{[]}"; -} - -function examplePropValue(prop: CatalogProp, type: string) { - const literal = prop.literalValues?.[0]; - if (literal !== undefined) return `{${formatLiteral(literal)}}`; - if (type.includes("string")) return `"${prop.name}"`; - if (type.includes("boolean")) return "{true}"; - if (type.includes("number")) return "{0}"; - if (type.includes("[]") || type.includes("Array<")) return "{[]}"; - return `{options.${prop.name}}`; -} diff --git a/apps/docs/src/components/workshop/WorkshopPage.tsx b/apps/docs/src/components/workshop/WorkshopPage.tsx index 0f017db5e..0a73e14d0 100644 --- a/apps/docs/src/components/workshop/WorkshopPage.tsx +++ b/apps/docs/src/components/workshop/WorkshopPage.tsx @@ -7,6 +7,7 @@ import type { WorkshopUser, } from "@homarr/workshop"; import { validateWorkshopWidget, WorkshopClient, workshopExportFilename } from "@homarr/workshop"; +import { CUSTOM_WIDGET_SCHEMA } from "@homarr/custom-widgets/core"; import { CustomWidgetCodeExample } from "../custom-widget-code"; import styles from "./workshop.module.css"; @@ -31,6 +32,7 @@ export function WorkshopPage() { const [reportCategory, setReportCategory] = useState("other"); const [reportText, setReportText] = useState(""); const [busy, setBusy] = useState(false); + const [loading, setLoading] = useState(true); const [error, setError] = useState(""); const draftValidation = useMemo(() => validateWorkshopWidget(draft.content), [draft.content]); const reportCounts = useMemo(() => { @@ -41,6 +43,7 @@ export function WorkshopPage() { const selectedReports = selected ? reports.filter((report) => report.submission === selected.id) : []; const load = useCallback(async () => { + setLoading(true); try { const [nextReports, nextItems] = await Promise.all([ user?.isAdmin ? client.listReports() : Promise.resolve([]), @@ -58,6 +61,8 @@ export function WorkshopPage() { setError(""); } catch (cause) { setError(cause instanceof Error ? cause.message : "Workshop is unavailable"); + } finally { + setLoading(false); } }, [client, search, sort, user?.isAdmin]); @@ -252,7 +257,7 @@ export function WorkshopPage() {
{error &&
{error}
} -
+
{items.map((item) => { const reportCount = reportCounts.get(item.id) ?? 0; return ( @@ -273,6 +278,9 @@ export function WorkshopPage() { ▲ {item.upvotes} · ▼ {item.downvotes}
+ + {item.widgetSchema === CUSTOM_WIDGET_SCHEMA ? "Current" : "Unsupported"} · {item.widgetSchema} + {user?.isAdmin && reportCount > 0 && ( {reportCount} {reportCount === 1 ? "report" : "reports"} @@ -288,7 +296,8 @@ export function WorkshopPage() { ); })}
- {items.length === 0 &&

No widgets match this search.

} + {loading && items.length === 0 &&

Loading Workshop…

} + {!loading && items.length === 0 &&

No widgets match this search.

} {selected && (
+ + {selected.widgetSchema === CUSTOM_WIDGET_SCHEMA ? "Current" : "Unsupported"} · {selected.widgetSchema} + {user?.isAdmin && selectedReports.length > 0 && (

diff --git a/apps/docs/static/custom-widgets/component-catalog-v1.json b/apps/docs/static/custom-widgets/component-catalog-v1.json index b9ccd8d02..c3c236f92 100644 --- a/apps/docs/static/custom-widgets/component-catalog-v1.json +++ b/apps/docs/static/custom-widgets/component-catalog-v1.json @@ -1 +1 @@ -{"schemaVersion":1,"mantineVersion":"9.4.1","customWidgetVersion":"2.0.0","types":["\"\" | \"anonymous\" | \"use-credentials\"","\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"auto\" | \"fixed\"","\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"none\" | \"auto\" | \"all\" | \"fill\" | \"stroke\" | \"painted\" | \"visible\" | \"visibleFill\" | \"visiblePainted\" | \"visibleStroke\"","\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"none\" | \"block\" | \"inline\" | \"both\" | \"horizontal\" | \"vertical\"","\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"none\" | \"contain\" | \"cover\" | \"fill\" | \"scale-down\"","\"activity\" | \"display-none\"","\"all\" | \"parent\" | \"child\"","\"all\" | \"segment\"","\"always\" | \"hover\" | \"not-hover\" | \"never\"","\"auto-fit\" | \"auto-fill\"","\"block\" | \"grid\"","\"both\" | \"rightSection\" | \"clear\"","\"bottom\" | \"top\"","\"bottom\" | \"top\" | \"baseline\" | \"middle\"","\"bottom\" | \"top\" | \"middle\"","\"bottom-end\" | \"bottom-start\" | \"top-end\" | \"top-start\" | \"bottom-center\" | \"top-center\" | \"middle-center\" | \"middle-end\" | \"middle-start\"","\"button\" | \"submit\" | \"reset\"","\"center\" | \"bottom\"","\"center\" | \"left\" | \"right\"","\"center\" | \"side\" | \"merge\"","\"dashed\" | \"dotted\" | \"solid\"","\"default\" | \"responsive\"","\"div\" | \"label\"","\"end\" | \"start\"","\"fixed\" | \"absolute\"","\"horizontal\" | \"vertical\"","\"hover\" | \"click\" | \"click-hover\"","\"inherit\" | \"auto\" | \"baseline\" | \"before-edge\" | \"text-before-edge\" | \"middle\" | \"central\" | \"after-edge\" | \"text-after-edge\" | \"ideographic\" | \"alphabetic\" | \"hanging\" | \"mathematical\"","\"inherit\" | \"auto\" | \"sRGB\" | \"linearRGB\"","\"inherit\" | \"auto\" | \"text-before-edge\" | \"middle\" | \"central\" | \"text-after-edge\" | \"ideographic\" | \"alphabetic\" | \"hanging\" | \"mathematical\" | \"use-script\" | \"no-change\" | \"reset-size\"","\"inherit\" | \"end\" | \"start\" | \"middle\"","\"inherit\" | \"nonzero\" | \"evenodd\"","\"inherit\" | \"round\" | \"butt\" | \"square\"","\"inherit\" | \"round\" | \"miter\" | \"bevel\"","\"initial\" | \"medial\" | \"terminal\" | \"isolated\"","\"inside\" | \"outside\"","\"left\" | \"right\"","\"left\" | \"right\" | \"bottom\" | \"top\" | \"left-end\" | \"left-start\" | \"right-end\" | \"right-start\" | \"bottom-end\" | \"bottom-start\" | \"top-end\" | \"top-start\"","\"left\" | \"right\" | \"inside\"","\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"","\"month\" | \"year\" | \"decade\"","\"none\" | \"all\" | \"rows\" | \"groups\" | \"columns\"","\"none\" | \"all\" | \"with-indicators\"","\"none\" | \"ascending\" | \"descending\" | \"other\"","\"none\" | \"inline\" | \"list\" | \"both\"","\"none\" | \"strict\" | \"blur\"","\"none\" | \"sum\"","\"none\" | \"thousand\" | \"lakh\" | \"wan\"","\"none\" | \"x\" | \"y\" | \"xy\"","\"off\" | \"assertive\" | \"polite\"","\"off\" | \"on\"","\"right-to-left\" | \"left-to-right\"","\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"","\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"","\"step\" | \"bump\" | \"linear\" | \"natural\" | \"monotone\" | \"stepBefore\" | \"stepAfter\"","\"stepInactive\" | \"stepProgress\" | \"stepCompleted\"","\"sum\" | \"replace\"","\"td\" | \"th\"","\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"","\"value\" | \"name\" | \"percent\"","\"viewport\"","\"wrap\" | \"nowrap\" | \"balance\" | \"pretty\" | \"stable\"","\"x\" | \"y\"","\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"","\"yes\" | \"no\"","'Text' | 'Title' | 'Badge' | 'Code' | 'Image'","'auto' | 'manual'","'json' | 'text'","'xs' | 'sm' | 'md' | 'lg' | 'xl'","(\"input\" | \"label\" | \"description\" | \"error\")[]","(\"next\" | \"previous\" | \"level\")[]","(ActionIconProps & React.ClassAttributes & React.ButtonHTMLAttributes)","(CartesianChartProps & { ref?: React.Ref; })","(CloseButtonProps & ElementProps<\"button\"> & DataAttributes)","(CloseButtonProps & React.ClassAttributes & React.ButtonHTMLAttributes)","(ElementProps<\"button\"> & DataAttributes)","(InputDescriptionProps & DataAttributes)","(InputErrorProps & DataAttributes)","(InputLabelProps & DataAttributes)","(InputSuccessProps & DataAttributes)","(OverlayProps & ElementProps<\"div\">)","(PolarChartProps & { ref?: React.Ref; })","(React.ClassAttributes & React.ButtonHTMLAttributes & DataAttributes)","(React.ClassAttributes & React.HTMLAttributes & DataAttributes)","(React.ClassAttributes & React.InputHTMLAttributes & DataAttributes)","(React.ClassAttributes & React.SelectHTMLAttributes & DataAttributes)","(Type extends \"default\" ? boolean : never)","(Type extends \"range\" ? boolean : never)","(Value | SegmentedControlItem)[]","(number | null)[]","(string & {}) | \"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"","0 | -1","0 | 2 | 3 | 4 | 5 | 6 | 1","1 | 2 | 3 | 4 | 5 | 6","AreaChartSeries[]","AriaRole","BarChartSeries[]","BarsListBarData[]","BoxMod","BubbleChartDataKey","CSSProperties","CalendarAriaLabels","ChartData","ChartReferenceLineProps[]","ChartSeries[]","ComboboxData","ComboboxGenericData","ComboboxProps","ComboboxStringGroupData","CompositeChartSeries[]","DatePickerPreset<\"default\">[]","DatePickerPreset[]","DayOfWeek[]","DefaultMantineColor","DefaultMantineColor[]","DonutChartCell[]","FlatTreeLineState[]","FunnelChartCell[]","GridBreakpoints","HTMLElement | null","HTMLInputAutoCompleteAttribute","InputClearButtonProps","Key | null","LineChartGradientStop[]","LineChartSeries[]","LoaderProps","MantineBreakpoint","MantineChartDotProps","MantineGradient","MantineRadius","MantineShadow","MantineSpacing","MonthPickerPreset[]","Omit, \"data\" | \"ref\" | \"dataKey\">","Omit","Omit","Omit","Omit","Omit","Omit","Omit, HTMLInputElement>, \"value\">","Omit","Omit, \"ref\">","Omit","Omit","Omit, \"ref\">","OverlayProps","Partial>","Partial>","Partial>","Partial>","Partial, \"data\" | \"ref\" | \"dataKey\">>","Partial>","Partial>","Partial>","Partial>","Partial","PieChartCell[]","PopoverMiddlewares","PopoverProps","Property.JustifyContent","Property.ListStyleType","Property.MaxHeight","Property.MinWidth","Property.OverscrollBehavior","Property.Width","RadarChartSeries[]","React.DetailedHTMLProps, HTMLButtonElement>","React.DetailedHTMLProps, HTMLDivElement>","React.DetailedHTMLProps, HTMLImageElement>","React.DetailedHTMLProps, HTMLInputElement>","React.HTMLInputTypeAttribute","React.ReactNode","ReactNode","Record","Record","Record[]","Record[] | readonly Record[]","Record","Record","RingProgressSection[]","SankeyChartData","ScatterChartSeries[]","ScrollAreaProps","SimpleGridProps","SliderMark[]","SparklineTrendColors","SplitterPaneSize","SplitterPaneSize[]","SplitterStep","StyleProp<\"text\" | (string & {}) | \"monospace\" | \"heading\">","StyleProp","StyleProp","StyleProp","StyleProp","StyleProp>","StyleProp","StyleProp>","StyleProp>","StyleProp","StyleProp>","StyleProp","StyleProp","StyleProp>","StyleProp","StyleProp>","StyleProp>","StyleProp>","StyleProp>","StyleProp>","StyleProp","StyleProp","StyleProp>","StyleProp","StyleProp>","StyleProp","StyleProp","T","T[]","TableData","TimePickerAmPmLabels","TimePickerPresets","TooltipMiddlewares","TreeNodeData","TreeNodeData[]","TreeSelectChevronAriaLabels","TreemapData[]","UseTreeReturnType","WrapperProps","YearPickerPreset[]","[DefaultMantineColor, DefaultMantineColor]","[number, number]","[string, string]","boolean","boolean | SafePolygonOptions","boolean | string","boolean[]","false | \"x\" | \"y\" | \"xy\"","false | true","false | true | \"auto\" | \"true\" | \"false\"","false | true | \"dialog\" | \"menu\" | \"grid\" | \"true\" | \"false\" | \"listbox\" | \"tree\"","false | true | \"end\" | \"start\"","false | true | \"odd\" | \"even\"","false | true | \"time\" | \"true\" | \"false\" | \"page\" | \"step\" | \"location\" | \"date\"","false | true | \"true\" | \"false\"","false | true | \"true\" | \"false\" | \"grammar\" | \"spelling\"","false | true | \"true\" | \"false\" | \"mixed\"","false | true | \"user\" | \"environment\"","false | true | \"x\" | \"y\" | \"present\"","null | string","number","number | MantineSize | (string & {})","readonly Record[]","string","string | Date","string | false | true","string | number","string | number | readonly string[]","string | string[] | HighlightTerm[]","string[]","undefined","unknown","{ area?: Record; legend?: Record; grid?: Record; root?: Record; ... 14 more ...; tooltipBody?: Record<...>; }","{ area?: Record; legend?: Record; line?: Record; grid?: Record; ... 16 more ...; tooltipBody?: Record<...>; }","{ body?: Record; input?: Record; label?: Record; root?: Record; ... 4 more ...; labelWrapper?: Record<...>; }","{ body?: Record; input?: Record; label?: Record; section?: Record; ... 19 more ...; swatch?: Record<...>; }","{ body?: Record; input?: Record; label?: Record; track?: Record; ... 5 more ...; trackLabel?: Record<...>; }","{ body?: Record; label?: Record; root?: Record; icon?: Record; ... 4 more ...; labelWrapper?: Record<...>; }","{ body?: Record; label?: Record; section?: Record; children?: Record; root?: Record<...>; chevron?: Record<...>; description?: Record<...>; collapse?: Record<...>; } | u...","{ body?: Record; label?: Record; title?: Record; root?: Record; icon?: Record<...>; wrapper?: Record<...>; message?: Record<...>; closeButton?: Record<...>; }","{ body?: Record; slider?: Record; wrapper?: Record; sliderOverlay?: Record; ... 6 more ...; swatch?: Record<...>; }","{ body?: Record; title?: Record; root?: Record; description?: Record; indicator?: Record<...>; actions?: Record<...>; }","{ body?: Record; title?: Record; root?: Record; icon?: Record; loader?: Record<...>; closeButton?: Record<...>; description?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; ... 12 more ...; monthPickerRoot?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; ... 4 more ...; monthsListControl?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; ... 4 more ...; yearsListRow?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; ... 5 more ...; monthsListControl?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; ... 5 more ...; yearsListRow?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; ... 8 more ...; yearPickerRoot?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; calendarHeaderControlIcon?: Record<...>; }","{ caption?: Record; table?: Record; tbody?: Record; td?: Record; tfoot?: Record<...>; th?: Record<...>; thead?: Record<...>; tr?: Record<...>; }","{ card?: Record; }","{ cite?: Record; root?: Record; icon?: Record; }","{ col?: Record; root?: Record; inner?: Record; container?: Record; }","{ content?: Record; root?: Record; chevron?: Record; control?: Record; container?: Record<...>; }","{ content?: Record; root?: Record; control?: Record; }","{ content?: Record; root?: Record; group?: Record; }","{ content?: Record; root?: Record; scrollbar?: Record; thumb?: Record; viewport?: Record<...>; corner?: Record<...>; }","{ content?: Record; root?: Record; separator?: Record; step?: Record; ... 9 more ...; stepDescription?: Record<...>; }","{ day?: Record; }","{ dropdown?: Record; overlay?: Record; arrow?: Record; }","{ group?: Record; }","{ groupSection?: Record; }","{ hover: boolean; focus: boolean; touch: boolean; }","{ icon?: Record; indicator?: Record; }","{ image?: Record; root?: Record; placeholder?: Record; }","{ input?: Record; label?: Record; option?: Record; section?: Record; ... 11 more ...; groupLabel?: Record<...>; }","{ input?: Record; label?: Record; option?: Record; section?: Record; ... 14 more ...; inputField?: Record<...>; }","{ input?: Record; label?: Record; root?: Record; control?: Record; indicator?: Record<...>; innerLabel?: Record<...>; }","{ input?: Record; label?: Record; root?: Record; iconWrapper?: Record; checkIcon?: Record<...>; }","{ input?: Record; label?: Record; root?: Record; starSymbol?: Record; symbolBody?: Record<...>; symbolGroup?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 17 more ...; presetControl?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 18 more ...; yearPickerRoot?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 22 more ...; monthPickerRoot?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 30 more ...; presetButton?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 31 more ...; datePickerRoot?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 37 more ...; rangeInfo?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 5 more ...; bottomSection?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 7 more ...; controls?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 7 more ...; innerInput?: Record<...>; }","{ input?: Record; root?: Record; pinInput?: Record; }","{ input?: Record; section?: Record; wrapper?: Record; bottomSection?: Record; }","{ label?: Record; content?: Record; root?: Record; item?: Record; ... 4 more ...; control?: Record<...>; }","{ label?: Record; legend?: Record; root?: Record; tooltip?: Record; ... 9 more ...; tooltipBody?: Record<...>; }","{ label?: Record; mark?: Record; root?: Record; thumb?: Record; marks?: Record<...>; }","{ label?: Record; mark?: Record; track?: Record; root?: Record; ... 4 more ...; markLabel?: Record<...>; }","{ label?: Record; root?: Record; control?: Record; dots?: Record; items?: Record<...>; }","{ label?: Record; root?: Record; description?: Record; error?: Record; success?: Record<...>; required?: Record<...>; }","{ label?: Record; root?: Record; node?: Record; subtree?: Record; }","{ label?: Record; root?: Record; remove?: Record; }","{ label?: Record; root?: Record; }","{ label?: Record; search?: Record; item?: Record; chevron?: Record; ... 6 more ...; divider?: Record<...>; }","{ label?: Record; section?: Record; root?: Record; loader?: Record; inner?: Record<...>; }","{ label?: Record; section?: Record; root?: Record; }","{ label?: Record; svg?: Record; root?: Record; curve?: Record; }","{ label?: Record; svg?: Record; root?: Record; emptySegment?: Record; filledSegment?: Record<...>; }","{ legend?: Record; grid?: Record; root?: Record; tooltip?: Record; ... 14 more ...; scatter?: Record<...>; }","{ legend?: Record; grid?: Record; root?: Record; tooltip?: Record; ... 14 more ...; tooltipBody?: Record<...>; }","{ legend?: Record; legendItem?: Record; legendItemColor?: Record; legendItemName?: Record<...>; }","{ legend?: Record; line?: Record; grid?: Record; root?: Record; ... 14 more ...; tooltipBody?: Record<...>; }","{ legend?: Record; rect?: Record; root?: Record; weekdayLabel?: Record; monthLabel?: Record<...>; legendLabel?: Record<...>; legendRect?: Record<...>; }","{ legend?: Record; root?: Record; tooltip?: Record; container?: Record; ... 9 more ...; tooltipBody?: Record<...>; }","{ legend?: Record; root?: Record; tooltip?: Record; legendItem?: Record; ... 8 more ...; tooltipBody?: Record<...>; }","{ legend?: Record; root?: Record; tooltip?: Record; legendItem?: Record; legendItemColor?: Record<...>; legendItemName?: Record<...>; }","{ legend?: Record; root?: Record; }","{ levelsGroup?: Record; }","{ month?: Record; weekday?: Record; weekdaysRow?: Record; monthRow?: Record; ... 17 more ...; yearsListRow?: Record<...>; }","{ month?: Record; weekday?: Record; weekdaysRow?: Record; monthRow?: Record; ... 20 more ...; datePickerRoot?: Record<...>; }","{ month?: Record; weekday?: Record; weekdaysRow?: Record; monthRow?: Record; ... 4 more ...; day?: Record<...>; }","{ month?: Record; weekday?: Record; weekdaysRow?: Record; monthRow?: Record; ... 8 more ...; calendarHeaderControlIcon?: Record<...>; }","{ month?: Record; weekday?: Record; weekdaysRow?: Record; monthRow?: Record; ... 9 more ...; levelsGroup?: Record<...>; }","{ monthsList?: Record; monthsListCell?: Record; monthsListRow?: Record; monthsListControl?: Record<...>; }","{ pickerControl?: Record; }","{ root?: Record; alphaOverlay?: Record; shadowOverlay?: Record; colorOverlay?: Record<...>; childrenOverlay?: Record<...>; }","{ root?: Record; bar?: Record; barLabel?: Record; barValue?: Record; labelsRow?: Record<...>; }","{ root?: Record; burger?: Record; }","{ root?: Record; container?: Record; }","{ root?: Record; control?: Record; day?: Record; days?: Record; dayMonth?: Record<...>; dayNumber?: Record<...>; }","{ root?: Record; control?: Record; simpleGrid?: Record; }","{ root?: Record; digit?: Record; digitColumn?: Record; char?: Record; }","{ root?: Record; icon?: Record; loader?: Record; }","{ root?: Record; indicator?: Record; }","{ root?: Record; item?: Record; itemLabel?: Record; itemValue?: Record; }","{ root?: Record; item?: Record; itemLabel?: Record; itemWrapper?: Record; itemIcon?: Record<...>; }","{ root?: Record; item?: Record; itemTitle?: Record; itemBody?: Record; itemContent?: Record<...>; itemBullet?: Record<...>; }","{ root?: Record; loader?: Record; overlay?: Record; }","{ root?: Record; month?: Record; weekday?: Record; weekdaysRow?: Record; ... 27 more ...; rangeInfo?: Record<...>; }","{ root?: Record; panel?: Record; list?: Record; tab?: Record; tabSection?: Record<...>; tabLabel?: Record<...>; }","{ root?: Record; separator?: Record; breadcrumb?: Record; }","{ root?: Record; thumb?: Record; handle?: Record; pane?: Record; }","{ root?: Record; tooltip?: Record; axis?: Record; }","{ root?: Record; tooltip?: Record; tooltipItem?: Record; tooltipItemBody?: Record<...>; ... 4 more ...; tooltipBody?: Record<...>; }","{ root?: Record; }","{ scrollContainer?: Record; scrollContainerInner?: Record; }","{ section?: Record; root?: Record; }","{ slider?: Record; sliderOverlay?: Record; thumb?: Record; }","{ tooltip?: Record; arrow?: Record; }","{ tooltip?: Record; tooltipItem?: Record; tooltipItemBody?: Record; tooltipItemColor?: Record<...>; tooltipItemName?: Record<...>; tooltipItemData?: Record<...>; tooltipLabel?: Record<...>; tool...","{ value: number; label?: string; }[]","{ weekday?: Record; weekdaysRow?: Record; }","{ x: string; y: string; }","{ x?: number; y?: number; }","{ x?: string; y?: string; }","{ yearsListControl?: Record; yearsList?: Record; yearsListCell?: Record; yearsListRow?: Record<...>; }"],"globalProps":[{"name":"abbr","required":false,"source":"global","typeRef":253},{"name":"about","required":false,"source":"global","typeRef":253},{"name":"accentHeight","required":false,"source":"global","typeRef":256},{"name":"accept","required":false,"source":"global","typeRef":253},{"name":"accessKey","required":false,"source":"global","typeRef":253},{"name":"accumulate","required":false,"source":"global","literalValues":["none","sum"],"typeRef":46},{"name":"additive","required":false,"source":"global","literalValues":["replace","sum"],"typeRef":56},{"name":"align","required":false,"source":"global","literalValues":["center","char","justify","left","right"],"typeRef":18},{"name":"alignmentBaseline","required":false,"source":"global","literalValues":["after-edge","alphabetic","auto","baseline","before-edge","central","hanging","ideographic","inherit","mathematical","middle","text-after-edge","text-before-edge"],"typeRef":27},{"name":"allowReorder","required":false,"source":"global","literalValues":["no","yes"],"typeRef":64},{"name":"alphabetic","required":false,"source":"global","typeRef":256},{"name":"alt","required":false,"source":"global","typeRef":253},{"name":"amplitude","required":false,"source":"global","typeRef":256},{"name":"arabicForm","required":false,"source":"global","literalValues":["initial","isolated","medial","terminal"],"typeRef":34},{"name":"aria-activedescendant","required":false,"source":"global","description":"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.","typeRef":253},{"name":"aria-atomic","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.","typeRef":244},{"name":"aria-autocomplete","required":false,"source":"global","literalValues":["both","inline","list","none"],"description":"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.","typeRef":44},{"name":"aria-braillelabel","required":false,"source":"global","description":"Defines a string value that labels the current element, which is intended to be converted into Braille.","typeRef":253},{"name":"aria-brailleroledescription","required":false,"source":"global","description":"Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.","typeRef":253},{"name":"aria-busy","required":false,"source":"global","literalValues":[false,"false",true,"true"],"typeRef":244},{"name":"aria-checked","required":false,"source":"global","literalValues":[false,"false","mixed",true,"true"],"description":"Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets.","typeRef":246},{"name":"aria-colcount","required":false,"source":"global","description":"Defines the total number of columns in a table, grid, or treegrid.","typeRef":250},{"name":"aria-colindex","required":false,"source":"global","description":"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.","typeRef":250},{"name":"aria-colindextext","required":false,"source":"global","description":"Defines a human readable text alternative of aria-colindex.","typeRef":253},{"name":"aria-colspan","required":false,"source":"global","description":"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.","typeRef":250},{"name":"aria-controls","required":false,"source":"global","description":"Identifies the element (or elements) whose contents or presence are controlled by the current element.","typeRef":253},{"name":"aria-current","required":false,"source":"global","literalValues":["date",false,"false","location","page","step","time",true,"true"],"description":"Indicates the element that represents the current item within a container or set of related elements.","typeRef":243},{"name":"aria-describedby","required":false,"source":"global","description":"Identifies the element (or elements) that describes the object.","typeRef":253},{"name":"aria-description","required":false,"source":"global","description":"Defines a string value that describes or annotates the current element.","typeRef":253},{"name":"aria-details","required":false,"source":"global","description":"Identifies the element that provides a detailed, extended description for the object.","typeRef":253},{"name":"aria-disabled","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.","typeRef":244},{"name":"aria-dropeffect","required":false,"source":"global","literalValues":["copy","execute","link","move","none","popup"],"description":"Indicates what functions can be performed when a dragged object is released on the drop target.","typeRef":39},{"name":"aria-errormessage","required":false,"source":"global","description":"Identifies the element that provides an error message for the object.","typeRef":253},{"name":"aria-expanded","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.","typeRef":244},{"name":"aria-flowto","required":false,"source":"global","description":"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order.","typeRef":253},{"name":"aria-grabbed","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates an element's \"grabbed\" state in a drag-and-drop operation.","typeRef":244},{"name":"aria-haspopup","required":false,"source":"global","literalValues":["dialog",false,"false","grid","listbox","menu","tree",true,"true"],"description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.","typeRef":240},{"name":"aria-hidden","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates whether the element is exposed to an accessibility API.","typeRef":244},{"name":"aria-invalid","required":false,"source":"global","literalValues":[false,"false","grammar","spelling",true,"true"],"description":"Indicates the entered value does not conform to the format expected by the application.","typeRef":245},{"name":"aria-keyshortcuts","required":false,"source":"global","description":"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.","typeRef":253},{"name":"aria-label","required":false,"source":"global","description":"Defines a string value that labels the current element.","typeRef":253},{"name":"aria-labelledby","required":false,"source":"global","description":"Identifies the element (or elements) that labels the current element.","typeRef":253},{"name":"aria-level","required":false,"source":"global","description":"Defines the hierarchical level of an element within a structure.","typeRef":250},{"name":"aria-live","required":false,"source":"global","literalValues":["assertive","off","polite"],"description":"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.","typeRef":49},{"name":"aria-modal","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates whether an element is modal when displayed.","typeRef":244},{"name":"aria-multiline","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates whether a text box accepts multiple lines of input or only a single line.","typeRef":244},{"name":"aria-multiselectable","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates that the user may select more than one item from the current selectable descendants.","typeRef":244},{"name":"aria-orientation","required":false,"source":"global","literalValues":["horizontal","vertical"],"description":"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.","typeRef":25},{"name":"aria-owns","required":false,"source":"global","description":"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship.","typeRef":253},{"name":"aria-placeholder","required":false,"source":"global","description":"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format.","typeRef":253},{"name":"aria-posinset","required":false,"source":"global","description":"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.","typeRef":250},{"name":"aria-pressed","required":false,"source":"global","literalValues":[false,"false","mixed",true,"true"],"description":"Indicates the current \"pressed\" state of toggle buttons.","typeRef":246},{"name":"aria-readonly","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates that the element is not editable, but is otherwise operable.","typeRef":244},{"name":"aria-relevant","required":false,"source":"global","literalValues":["additions","additions removals","additions text","all","removals","removals additions","removals text","text","text additions","text removals"],"description":"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.","typeRef":58},{"name":"aria-required","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates that user input is required on the element before a form may be submitted.","typeRef":244},{"name":"aria-roledescription","required":false,"source":"global","description":"Defines a human-readable, author-localized description for the role of an element.","typeRef":253},{"name":"aria-rowcount","required":false,"source":"global","description":"Defines the total number of rows in a table, grid, or treegrid.","typeRef":250},{"name":"aria-rowindex","required":false,"source":"global","description":"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.","typeRef":250},{"name":"aria-rowindextext","required":false,"source":"global","description":"Defines a human readable text alternative of aria-rowindex.","typeRef":253},{"name":"aria-rowspan","required":false,"source":"global","description":"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.","typeRef":250},{"name":"aria-selected","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates the current \"selected\" state of various widgets.","typeRef":244},{"name":"aria-setsize","required":false,"source":"global","description":"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.","typeRef":250},{"name":"aria-sort","required":false,"source":"global","literalValues":["ascending","descending","none","other"],"description":"Indicates if items in a table or grid are sorted in ascending or descending order.","typeRef":43},{"name":"aria-valuemax","required":false,"source":"global","description":"Defines the maximum allowed value for a range widget.","typeRef":250},{"name":"aria-valuemin","required":false,"source":"global","description":"Defines the minimum allowed value for a range widget.","typeRef":250},{"name":"aria-valuenow","required":false,"source":"global","description":"Defines the current value for a range widget.","typeRef":250},{"name":"aria-valuetext","required":false,"source":"global","description":"Defines the human readable text alternative of aria-valuenow for a range widget.","typeRef":253},{"name":"ascent","required":false,"source":"global","typeRef":256},{"name":"attributeName","required":false,"source":"global","typeRef":253},{"name":"attributeType","required":false,"source":"global","typeRef":253},{"name":"autoCapitalize","required":false,"source":"global","literalValues":["characters","none","off","on","sentences","words"],"typeRef":90},{"name":"autoComplete","required":false,"source":"global","typeRef":120},{"name":"autoCorrect","required":false,"source":"global","typeRef":253},{"name":"autoReverse","required":false,"source":"global","literalValues":[false,"false",true,"true"],"typeRef":244},{"name":"autoSave","required":false,"source":"global","typeRef":253},{"name":"azimuth","required":false,"source":"global","typeRef":256},{"name":"baseFrequency","required":false,"source":"global","typeRef":256},{"name":"baseProfile","required":false,"source":"global","typeRef":256},{"name":"baselineShift","required":false,"source":"global","typeRef":256},{"name":"bbox","required":false,"source":"global","typeRef":256},{"name":"bd","required":false,"source":"global","description":"Border","typeRef":198},{"name":"bdrs","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"BorderRadius, theme key: theme.radius","typeRef":193},{"name":"begin","required":false,"source":"global","typeRef":256},{"name":"bg","required":false,"source":"global","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Background, theme key: theme.colors","typeRef":192},{"name":"bga","required":false,"source":"global","literalValues":["-moz-initial","fixed","inherit","initial","local","revert","revert-layer","scroll","unset"],"description":"BackgroundAttachment","typeRef":194},{"name":"bgcolor","required":false,"source":"global","typeRef":253},{"name":"bgp","required":false,"source":"global","description":"BackgroundPosition","typeRef":195},{"name":"bgr","required":false,"source":"global","literalValues":["-moz-initial","inherit","initial","no-repeat","repeat","repeat-x","repeat-y","revert","revert-layer","round","space","unset"],"description":"BackgroundRepeat","typeRef":196},{"name":"bgsz","required":false,"source":"global","description":"BackgroundSize","typeRef":197},{"name":"bias","required":false,"source":"global","typeRef":256},{"name":"border","required":false,"source":"global","typeRef":250},{"name":"by","required":false,"source":"global","typeRef":256},{"name":"c","required":false,"source":"global","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color","typeRef":192},{"name":"calcMode","required":false,"source":"global","typeRef":256},{"name":"capHeight","required":false,"source":"global","typeRef":256},{"name":"capture","required":false,"source":"global","literalValues":["environment",false,true,"user"],"typeRef":247},{"name":"cellPadding","required":false,"source":"global","typeRef":256},{"name":"cellSpacing","required":false,"source":"global","typeRef":256},{"name":"checked","required":false,"source":"global","literalValues":[false,true],"typeRef":238},{"name":"clip","required":false,"source":"global","typeRef":256},{"name":"clipPath","required":false,"source":"global","typeRef":253},{"name":"clipPathUnits","required":false,"source":"global","typeRef":256},{"name":"clipRule","required":false,"source":"global","typeRef":256},{"name":"colSpan","required":false,"source":"global","typeRef":250},{"name":"color","required":false,"source":"global","literalValues":["blue","cyan","dark","grape","gray","green","indigo","initials","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":253},{"name":"colorInterpolation","required":false,"source":"global","typeRef":256},{"name":"colorInterpolationFilters","required":false,"source":"global","literalValues":["auto","inherit","linearRGB","sRGB"],"typeRef":28},{"name":"colorProfile","required":false,"source":"global","typeRef":256},{"name":"colorRendering","required":false,"source":"global","typeRef":256},{"name":"cols","required":false,"source":"global","typeRef":250},{"name":"content","required":false,"source":"global","typeRef":253},{"name":"contentScriptType","required":false,"source":"global","typeRef":256},{"name":"contentStyleType","required":false,"source":"global","typeRef":256},{"name":"contextMenu","required":false,"source":"global","typeRef":253},{"name":"crossOrigin","required":false,"source":"global","literalValues":["","anonymous","use-credentials"],"typeRef":0},{"name":"cursor","required":false,"source":"global","typeRef":256},{"name":"cx","required":false,"source":"global","typeRef":256},{"name":"cy","required":false,"source":"global","typeRef":256},{"name":"d","required":false,"source":"global","typeRef":253},{"name":"darkHidden","required":false,"source":"global","literalValues":[false,true],"description":"Determines whether component should be hidden in dark color scheme with `display: none`","typeRef":238},{"name":"datatype","required":false,"source":"global","typeRef":253},{"name":"decelerate","required":false,"source":"global","typeRef":256},{"name":"defaultChecked","required":false,"source":"global","literalValues":[false,true],"typeRef":238},{"name":"defaultValue","required":false,"source":"global","typeRef":257},{"name":"descent","required":false,"source":"global","typeRef":256},{"name":"diffuseConstant","required":false,"source":"global","typeRef":256},{"name":"dir","required":false,"source":"global","typeRef":253},{"name":"dirName","required":false,"source":"global","typeRef":253},{"name":"direction","required":false,"source":"global","typeRef":256},{"name":"disabled","required":false,"source":"global","literalValues":[false,true],"typeRef":238},{"name":"display","required":false,"source":"global","literalValues":["-moz-initial","-ms-flexbox","-ms-grid","-ms-inline-flexbox","-ms-inline-grid","-webkit-flex","-webkit-inline-flex","block","contents","flex","flow","flow-root","grid","inherit","initial","inline","inline-block","inline-flex","inline-grid","inline-list-item","inline-table","list-item","none","revert","revert-layer","ruby","ruby-base","ruby-base-container","ruby-text","ruby-text-container","run-in","table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row","table-row-group","unset"],"typeRef":199},{"name":"divisor","required":false,"source":"global","typeRef":256},{"name":"dominantBaseline","required":false,"source":"global","literalValues":["alphabetic","auto","central","hanging","ideographic","inherit","mathematical","middle","no-change","reset-size","text-after-edge","text-before-edge","use-script"],"typeRef":29},{"name":"draggable","required":false,"source":"global","literalValues":[false,"false",true,"true"],"typeRef":244},{"name":"dur","required":false,"source":"global","typeRef":256},{"name":"dx","required":false,"source":"global","typeRef":256},{"name":"dy","required":false,"source":"global","typeRef":256},{"name":"edgeMode","required":false,"source":"global","typeRef":256},{"name":"elevation","required":false,"source":"global","typeRef":256},{"name":"enableBackground","required":false,"source":"global","typeRef":256},{"name":"end","required":false,"source":"global","typeRef":256},{"name":"enterKeyHint","required":false,"source":"global","literalValues":["done","enter","go","next","previous","search","send"],"typeRef":52},{"name":"exponent","required":false,"source":"global","typeRef":256},{"name":"exportparts","required":false,"source":"global","typeRef":253},{"name":"externalResourcesRequired","required":false,"source":"global","literalValues":[false,"false",true,"true"],"typeRef":244},{"name":"ff","required":false,"source":"global","literalValues":["heading","monospace","text"],"description":"FontFamily","typeRef":190},{"name":"fill","required":false,"source":"global","typeRef":253},{"name":"fillOpacity","required":false,"source":"global","typeRef":256},{"name":"fillRule","required":false,"source":"global","literalValues":["evenodd","inherit","nonzero"],"typeRef":31},{"name":"filter","required":false,"source":"global","typeRef":253},{"name":"filterRes","required":false,"source":"global","typeRef":256},{"name":"filterUnits","required":false,"source":"global","typeRef":256},{"name":"flex","required":false,"source":"global","typeRef":200},{"name":"floodColor","required":false,"source":"global","typeRef":256},{"name":"floodOpacity","required":false,"source":"global","typeRef":256},{"name":"focusable","required":false,"source":"global","literalValues":["auto",false,"false",true,"true"],"typeRef":239},{"name":"fontFamily","required":false,"source":"global","typeRef":253},{"name":"fontSize","required":false,"source":"global","typeRef":256},{"name":"fontSizeAdjust","required":false,"source":"global","typeRef":256},{"name":"fontStretch","required":false,"source":"global","typeRef":256},{"name":"fontStyle","required":false,"source":"global","typeRef":256},{"name":"fontVariant","required":false,"source":"global","typeRef":256},{"name":"fontWeight","required":false,"source":"global","typeRef":256},{"name":"format","required":false,"source":"global","typeRef":256},{"name":"fr","required":false,"source":"global","typeRef":256},{"name":"frame","required":false,"source":"global","literalValues":[false,true],"typeRef":238},{"name":"from","required":false,"source":"global","typeRef":256},{"name":"fs","required":false,"source":"global","literalValues":["-moz-initial","inherit","initial","italic","normal","oblique","revert","revert-layer","unset"],"description":"FontStyle","typeRef":201},{"name":"fw","required":false,"source":"global","literalValues":["-moz-initial","bold","bolder","inherit","initial","lighter","normal","revert","revert-layer","unset"],"description":"FontWeight","typeRef":202},{"name":"fx","required":false,"source":"global","typeRef":256},{"name":"fy","required":false,"source":"global","typeRef":256},{"name":"fz","required":false,"source":"global","literalValues":["h1","h2","h3","h4","h5","h6","lg","md","sm","xl","xs"],"description":"FontSize, theme key: theme.fontSizes","typeRef":215},{"name":"g1","required":false,"source":"global","typeRef":256},{"name":"g2","required":false,"source":"global","typeRef":256},{"name":"glyphName","required":false,"source":"global","typeRef":256},{"name":"glyphOrientationHorizontal","required":false,"source":"global","typeRef":256},{"name":"glyphOrientationVertical","required":false,"source":"global","typeRef":256},{"name":"gradientTransform","required":false,"source":"global","typeRef":253},{"name":"gradientUnits","required":false,"source":"global","typeRef":253},{"name":"h","required":false,"source":"global","description":"Height, theme key: theme.spacing","typeRef":203},{"name":"hanging","required":false,"source":"global","typeRef":256},{"name":"headers","required":false,"source":"global","typeRef":253},{"name":"height","required":false,"source":"global","typeRef":256},{"name":"hidden","required":false,"source":"global","literalValues":[false,true],"typeRef":238},{"name":"hiddenFrom","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"Breakpoint above which the component is hidden with `display: none`","typeRef":126},{"name":"horizAdvX","required":false,"source":"global","typeRef":256},{"name":"horizOriginX","required":false,"source":"global","typeRef":256},{"name":"href","required":false,"source":"global","typeRef":253},{"name":"id","required":false,"source":"global","description":"Static id used as base to generate `aria-` attributes, by default generates random id","typeRef":253},{"name":"ideographic","required":false,"source":"global","typeRef":256},{"name":"imageRendering","required":false,"source":"global","typeRef":256},{"name":"in","required":false,"source":"global","typeRef":253},{"name":"in2","required":false,"source":"global","typeRef":256},{"name":"inert","required":false,"source":"global","literalValues":[false,true],"typeRef":238},{"name":"inlist","required":false,"source":"global","typeRef":261},{"name":"inputMode","required":false,"source":"global","literalValues":["decimal","email","none","numeric","search","tel","text","url"],"description":"Hints at the type of data that might be entered by the user while editing the element or its contents","typeRef":53},{"name":"intercept","required":false,"source":"global","typeRef":256},{"name":"is","required":false,"source":"global","description":"Specify that a standard HTML element should behave like a defined custom built-in element","typeRef":253},{"name":"itemID","required":false,"source":"global","typeRef":253},{"name":"itemProp","required":false,"source":"global","typeRef":253},{"name":"itemScope","required":false,"source":"global","literalValues":[false,true],"typeRef":238},{"name":"itemType","required":false,"source":"global","typeRef":253},{"name":"k","required":false,"source":"global","typeRef":256},{"name":"k1","required":false,"source":"global","typeRef":256},{"name":"k2","required":false,"source":"global","typeRef":256},{"name":"k3","required":false,"source":"global","typeRef":256},{"name":"k4","required":false,"source":"global","typeRef":256},{"name":"kernelMatrix","required":false,"source":"global","typeRef":256},{"name":"kernelUnitLength","required":false,"source":"global","typeRef":256},{"name":"kerning","required":false,"source":"global","typeRef":256},{"name":"key","required":false,"source":"global","description":"Stable identity used by React when rendering collections.","typeRef":122},{"name":"keyPoints","required":false,"source":"global","typeRef":256},{"name":"keySplines","required":false,"source":"global","typeRef":256},{"name":"keyTimes","required":false,"source":"global","typeRef":256},{"name":"lang","required":false,"source":"global","typeRef":253},{"name":"lengthAdjust","required":false,"source":"global","typeRef":256},{"name":"letterSpacing","required":false,"source":"global","typeRef":256},{"name":"lh","required":false,"source":"global","literalValues":["h1","h2","h3","h4","h5","h6","lg","md","sm","xl","xs"],"description":"LineHeight, theme key: lineHeights","typeRef":216},{"name":"lightHidden","required":false,"source":"global","literalValues":[false,true],"description":"Determines whether component should be hidden in light color scheme with `display: none`","typeRef":238},{"name":"lightingColor","required":false,"source":"global","typeRef":256},{"name":"limitingConeAngle","required":false,"source":"global","typeRef":256},{"name":"list","required":false,"source":"global","typeRef":253},{"name":"local","required":false,"source":"global","typeRef":256},{"name":"lts","required":false,"source":"global","description":"LetterSpacing","typeRef":205},{"name":"m","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"Margin, theme key: theme.spacing","typeRef":193},{"name":"mah","required":false,"source":"global","description":"MaxHeight, theme key: theme.spacing","typeRef":206},{"name":"markerEnd","required":false,"source":"global","typeRef":253},{"name":"markerHeight","required":false,"source":"global","typeRef":256},{"name":"markerMid","required":false,"source":"global","typeRef":253},{"name":"markerStart","required":false,"source":"global","typeRef":253},{"name":"markerUnits","required":false,"source":"global","typeRef":256},{"name":"markerWidth","required":false,"source":"global","typeRef":256},{"name":"mask","required":false,"source":"global","typeRef":253},{"name":"maskContentUnits","required":false,"source":"global","typeRef":256},{"name":"maskUnits","required":false,"source":"global","typeRef":256},{"name":"mathematical","required":false,"source":"global","typeRef":256},{"name":"maw","required":false,"source":"global","description":"MaxWidth, theme key: theme.spacing","typeRef":207},{"name":"max","required":false,"source":"global","typeRef":256},{"name":"maxLength","required":false,"source":"global","typeRef":250},{"name":"mb","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginBottom, theme key: theme.spacing","typeRef":193},{"name":"me","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginInlineEnd, theme key: theme.spacing","typeRef":193},{"name":"media","required":false,"source":"global","typeRef":253},{"name":"method","required":false,"source":"global","typeRef":253},{"name":"mie","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginInlineEnd, theme key: theme.spacing","typeRef":193},{"name":"mih","required":false,"source":"global","description":"MinHeight, theme key: theme.spacing","typeRef":208},{"name":"min","required":false,"source":"global","typeRef":256},{"name":"minLength","required":false,"source":"global","typeRef":250},{"name":"mis","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginInlineStart, theme key: theme.spacing","typeRef":193},{"name":"miw","required":false,"source":"global","description":"MinWidth, theme key: theme.spacing","typeRef":209},{"name":"ml","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginLeft, theme key: theme.spacing","typeRef":193},{"name":"mod","required":false,"source":"global","description":"Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed","typeRef":98},{"name":"mode","required":false,"source":"global","typeRef":256},{"name":"mr","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginRight, theme key: theme.spacing","typeRef":193},{"name":"ms","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginInlineStart, theme key: theme.spacing","typeRef":193},{"name":"mt","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginTop, theme key: theme.spacing","typeRef":193},{"name":"multiple","required":false,"source":"global","literalValues":[false,true],"typeRef":238},{"name":"mx","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginInline, theme key: theme.spacing","typeRef":193},{"name":"my","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginBlock, theme key: theme.spacing","typeRef":193},{"name":"name","required":false,"source":"global","typeRef":253},{"name":"nonce","required":false,"source":"global","typeRef":253},{"name":"numOctaves","required":false,"source":"global","typeRef":256},{"name":"offset","required":false,"source":"global","typeRef":256},{"name":"opacity","required":false,"source":"global","literalValues":["-moz-initial","inherit","initial","revert","revert-layer","unset"],"typeRef":210},{"name":"operator","required":false,"source":"global","typeRef":256},{"name":"order","required":false,"source":"global","typeRef":256},{"name":"orient","required":false,"source":"global","typeRef":256},{"name":"orientation","required":false,"source":"global","typeRef":256},{"name":"origin","required":false,"source":"global","typeRef":256},{"name":"overflow","required":false,"source":"global","typeRef":256},{"name":"overlinePosition","required":false,"source":"global","typeRef":256},{"name":"overlineThickness","required":false,"source":"global","typeRef":256},{"name":"p","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"Padding, theme key: theme.spacing","typeRef":193},{"name":"paintOrder","required":false,"source":"global","typeRef":256},{"name":"panose1","required":false,"source":"global","typeRef":256},{"name":"part","required":false,"source":"global","typeRef":253},{"name":"path","required":false,"source":"global","typeRef":253},{"name":"pathLength","required":false,"source":"global","typeRef":256},{"name":"pattern","required":false,"source":"global","typeRef":253},{"name":"patternContentUnits","required":false,"source":"global","typeRef":253},{"name":"patternTransform","required":false,"source":"global","typeRef":256},{"name":"patternUnits","required":false,"source":"global","typeRef":253},{"name":"pb","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingBottom, theme key: theme.spacing","typeRef":193},{"name":"pe","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingInlineEnd, theme key: theme.spacing","typeRef":193},{"name":"pie","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingInlineEnd, theme key: theme.spacing","typeRef":193},{"name":"pis","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingInlineStart, theme key: theme.spacing","typeRef":193},{"name":"pl","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingLeft, theme key: theme.spacing","typeRef":193},{"name":"placeholder","required":false,"source":"global","typeRef":253},{"name":"pointerEvents","required":false,"source":"global","typeRef":256},{"name":"points","required":false,"source":"global","typeRef":253},{"name":"pointsAtX","required":false,"source":"global","typeRef":256},{"name":"pointsAtY","required":false,"source":"global","typeRef":256},{"name":"pointsAtZ","required":false,"source":"global","typeRef":256},{"name":"pr","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingRight, theme key: theme.spacing","typeRef":193},{"name":"prefix","required":false,"source":"global","typeRef":253},{"name":"preserveAlpha","required":false,"source":"global","literalValues":[false,"false",true,"true"],"typeRef":244},{"name":"preserveAspectRatio","required":false,"source":"global","typeRef":253},{"name":"primitiveUnits","required":false,"source":"global","typeRef":256},{"name":"property","required":false,"source":"global","typeRef":253},{"name":"ps","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingInlineStart, theme key: theme.spacing","typeRef":193},{"name":"pt","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingTop, theme key: theme.spacing","typeRef":193},{"name":"px","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingInline, theme key: theme.spacing","typeRef":193},{"name":"py","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingBlock, theme key: theme.spacing","typeRef":193},{"name":"r","required":false,"source":"global","typeRef":256},{"name":"radioGroup","required":false,"source":"global","typeRef":253},{"name":"radius","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem","typeRef":129},{"name":"readOnly","required":false,"source":"global","literalValues":[false,true],"typeRef":238},{"name":"rel","required":false,"source":"global","typeRef":253},{"name":"renderingIntent","required":false,"source":"global","typeRef":256},{"name":"repeatCount","required":false,"source":"global","typeRef":256},{"name":"repeatDur","required":false,"source":"global","typeRef":256},{"name":"required","required":false,"source":"global","literalValues":[false,true],"typeRef":238},{"name":"requiredExtensions","required":false,"source":"global","typeRef":256},{"name":"requiredFeatures","required":false,"source":"global","typeRef":256},{"name":"resource","required":false,"source":"global","typeRef":253},{"name":"restart","required":false,"source":"global","typeRef":256},{"name":"result","required":false,"source":"global","typeRef":253},{"name":"results","required":false,"source":"global","typeRef":250},{"name":"rev","required":false,"source":"global","typeRef":253},{"name":"role","required":false,"source":"global","typeRef":95},{"name":"rotate","required":false,"source":"global","typeRef":256},{"name":"rowSpan","required":false,"source":"global","typeRef":250},{"name":"rows","required":false,"source":"global","typeRef":250},{"name":"rules","required":false,"source":"global","literalValues":["all","columns","groups","none","rows"],"typeRef":41},{"name":"rx","required":false,"source":"global","typeRef":256},{"name":"ry","required":false,"source":"global","typeRef":256},{"name":"scale","required":false,"source":"global","typeRef":256},{"name":"scope","required":false,"source":"global","typeRef":253},{"name":"security","required":false,"source":"global","typeRef":253},{"name":"seed","required":false,"source":"global","typeRef":256},{"name":"shadow","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.shadows` or any other valid CSS `box-shadow` value","typeRef":130},{"name":"shapeRendering","required":false,"source":"global","typeRef":256},{"name":"size","required":false,"source":"global","literalValues":["compact-lg","compact-md","compact-sm","compact-xl","compact-xs","input-lg","input-md","input-sm","input-xl","input-xs","lg","md","sm","xl","xs"],"description":"Component size","typeRef":63},{"name":"slope","required":false,"source":"global","typeRef":256},{"name":"slot","required":false,"source":"global","typeRef":253},{"name":"spacing","required":false,"source":"global","typeRef":256},{"name":"specularConstant","required":false,"source":"global","typeRef":256},{"name":"specularExponent","required":false,"source":"global","typeRef":256},{"name":"speed","required":false,"source":"global","typeRef":256},{"name":"spellCheck","required":false,"source":"global","literalValues":[false,"false",true,"true"],"typeRef":244},{"name":"spreadMethod","required":false,"source":"global","typeRef":253},{"name":"src","required":false,"source":"global","typeRef":253},{"name":"startOffset","required":false,"source":"global","typeRef":256},{"name":"stdDeviation","required":false,"source":"global","typeRef":256},{"name":"stemh","required":false,"source":"global","typeRef":256},{"name":"stemv","required":false,"source":"global","typeRef":256},{"name":"step","required":false,"source":"global","typeRef":256},{"name":"stitchTiles","required":false,"source":"global","typeRef":256},{"name":"stopColor","required":false,"source":"global","typeRef":253},{"name":"stopOpacity","required":false,"source":"global","typeRef":256},{"name":"strikethroughPosition","required":false,"source":"global","typeRef":256},{"name":"strikethroughThickness","required":false,"source":"global","typeRef":256},{"name":"string","required":false,"source":"global","typeRef":256},{"name":"stroke","required":false,"source":"global","typeRef":253},{"name":"strokeDasharray","required":false,"source":"global","typeRef":256},{"name":"strokeDashoffset","required":false,"source":"global","typeRef":256},{"name":"strokeLinecap","required":false,"source":"global","literalValues":["butt","inherit","round","square"],"typeRef":32},{"name":"strokeLinejoin","required":false,"source":"global","literalValues":["bevel","inherit","miter","round"],"typeRef":33},{"name":"strokeMiterlimit","required":false,"source":"global","typeRef":256},{"name":"strokeOpacity","required":false,"source":"global","typeRef":256},{"name":"strokeWidth","required":false,"source":"global","typeRef":256},{"name":"style","required":false,"source":"global","description":"Style to apply to the root element, used for virtualizer positioning","typeRef":100},{"name":"styles","required":false,"source":"global","typeRef":154},{"name":"summary","required":false,"source":"global","typeRef":253},{"name":"surfaceScale","required":false,"source":"global","typeRef":256},{"name":"systemLanguage","required":false,"source":"global","typeRef":256},{"name":"ta","required":false,"source":"global","literalValues":["-khtml-center","-khtml-left","-khtml-right","-moz-center","-moz-initial","-moz-left","-moz-right","-webkit-center","-webkit-left","-webkit-match-parent","-webkit-right","center","end","inherit","initial","justify","left","match-parent","revert","revert-layer","right","start","unset"],"description":"TextAlign","typeRef":211},{"name":"tabIndex","required":false,"source":"global","description":"Tab index for the node","typeRef":250},{"name":"tableValues","required":false,"source":"global","typeRef":256},{"name":"target","required":false,"source":"global","typeRef":253},{"name":"targetX","required":false,"source":"global","typeRef":256},{"name":"targetY","required":false,"source":"global","typeRef":256},{"name":"td","required":false,"source":"global","description":"TextDecoration","typeRef":212},{"name":"textAnchor","required":false,"source":"global","literalValues":["end","inherit","middle","start"],"typeRef":30},{"name":"textDecoration","required":false,"source":"global","typeRef":256},{"name":"textLength","required":false,"source":"global","typeRef":256},{"name":"textRendering","required":false,"source":"global","typeRef":256},{"name":"title","required":false,"source":"global","description":"Item title, displayed next to the bullet","typeRef":253},{"name":"to","required":false,"source":"global","typeRef":256},{"name":"transform","required":false,"source":"global","typeRef":253},{"name":"translate","required":false,"source":"global","literalValues":["no","yes"],"typeRef":64},{"name":"tt","required":false,"source":"global","literalValues":["-moz-initial","capitalize","full-size-kana","full-width","inherit","initial","lowercase","math-auto","none","revert","revert-layer","unset","uppercase"],"description":"TextTransform","typeRef":213},{"name":"type","required":false,"source":"global","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":16},{"name":"typeof","required":false,"source":"global","typeRef":253},{"name":"u1","required":false,"source":"global","typeRef":256},{"name":"u2","required":false,"source":"global","typeRef":256},{"name":"underlinePosition","required":false,"source":"global","typeRef":256},{"name":"underlineThickness","required":false,"source":"global","typeRef":256},{"name":"unicode","required":false,"source":"global","typeRef":256},{"name":"unicodeBidi","required":false,"source":"global","typeRef":256},{"name":"unicodeRange","required":false,"source":"global","typeRef":256},{"name":"unitsPerEm","required":false,"source":"global","typeRef":256},{"name":"unselectable","required":false,"source":"global","literalValues":["off","on"],"typeRef":50},{"name":"vAlphabetic","required":false,"source":"global","typeRef":256},{"name":"vHanging","required":false,"source":"global","typeRef":256},{"name":"vIdeographic","required":false,"source":"global","typeRef":256},{"name":"vMathematical","required":false,"source":"global","typeRef":256},{"name":"valign","required":false,"source":"global","literalValues":["baseline","bottom","middle","top"],"typeRef":13},{"name":"value","required":false,"source":"global","typeRef":257},{"name":"values","required":false,"source":"global","typeRef":253},{"name":"variant","required":false,"source":"global","literalValues":["contained","contrast","dashed","default","dot","dotted","filled","gradient","light","outline","pills","separated","solid","subtle","text","transparent","unstyled","vertical","white"],"description":"Variant passed from parent component, sets `data-variant`","typeRef":253},{"name":"vectorEffect","required":false,"source":"global","typeRef":256},{"name":"version","required":false,"source":"global","typeRef":253},{"name":"vertAdvY","required":false,"source":"global","typeRef":256},{"name":"vertOriginX","required":false,"source":"global","typeRef":256},{"name":"vertOriginY","required":false,"source":"global","typeRef":256},{"name":"viewBox","required":false,"source":"global","typeRef":253},{"name":"viewTarget","required":false,"source":"global","typeRef":256},{"name":"visibility","required":false,"source":"global","typeRef":256},{"name":"visibleFrom","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"Breakpoint below which the component is hidden with `display: none`","typeRef":126},{"name":"vocab","required":false,"source":"global","typeRef":253},{"name":"w","required":false,"source":"global","description":"Width, theme key: theme.spacing","typeRef":214},{"name":"width","required":false,"source":"global","typeRef":256},{"name":"widths","required":false,"source":"global","typeRef":256},{"name":"withBorder","required":false,"source":"global","literalValues":[false,true],"description":"Adds border to the root element","typeRef":238},{"name":"wordSpacing","required":false,"source":"global","typeRef":256},{"name":"wrap","required":false,"source":"global","typeRef":253},{"name":"writingMode","required":false,"source":"global","typeRef":256},{"name":"x","required":false,"source":"global","typeRef":256},{"name":"x1","required":false,"source":"global","typeRef":256},{"name":"x2","required":false,"source":"global","typeRef":256},{"name":"xChannelSelector","required":false,"source":"global","typeRef":253},{"name":"xHeight","required":false,"source":"global","typeRef":256},{"name":"xlinkActuate","required":false,"source":"global","typeRef":253},{"name":"xlinkArcrole","required":false,"source":"global","typeRef":253},{"name":"xlinkHref","required":false,"source":"global","typeRef":253},{"name":"xlinkRole","required":false,"source":"global","typeRef":253},{"name":"xlinkShow","required":false,"source":"global","typeRef":253},{"name":"xlinkTitle","required":false,"source":"global","typeRef":253},{"name":"xlinkType","required":false,"source":"global","typeRef":253},{"name":"xmlBase","required":false,"source":"global","typeRef":253},{"name":"xmlLang","required":false,"source":"global","typeRef":253},{"name":"xmlSpace","required":false,"source":"global","typeRef":253},{"name":"xmlns","required":false,"source":"global","typeRef":253},{"name":"xmlnsXlink","required":false,"source":"global","typeRef":253},{"name":"y","required":false,"source":"global","typeRef":256},{"name":"y1","required":false,"source":"global","typeRef":256},{"name":"y2","required":false,"source":"global","typeRef":256},{"name":"yChannelSelector","required":false,"source":"global","typeRef":253},{"name":"z","required":false,"source":"global","typeRef":256},{"name":"zoomAndPan","required":false,"source":"global","typeRef":253}],"blockedCapabilities":[{"kind":"prop","name":"__proto__","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"apply","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"arguments","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"autoFocus","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"backdropFilter","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"behavior","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"bottom","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"call","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"callee","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"caller","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"children","reason":"Children must be expressed as interpreted JSX, not passed as a raw prop."},{"kind":"prop","name":"className","reason":"Unscoped class injection can escape widget CSS isolation."},{"kind":"prop","name":"classNames","reason":"Unscoped class injection can escape widget CSS isolation."},{"kind":"prop","name":"classes","reason":"Unscoped class injection can escape widget CSS isolation."},{"kind":"prop","name":"clipPath","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"component","reason":"Polymorphic roots can replace the Homarr-owned element boundary."},{"kind":"prop","name":"constructor","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"content","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"contentEditable","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"dangerouslySetInnerHTML","reason":"Raw HTML injection is not available to authored widgets."},{"kind":"prop","name":"filter","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"form","reason":"External form submission is outside the named-request security boundary."},{"kind":"prop","name":"formAction","reason":"External form submission is outside the named-request security boundary."},{"kind":"prop","name":"formEncType","reason":"External form submission is outside the named-request security boundary."},{"kind":"prop","name":"formMethod","reason":"External form submission is outside the named-request security boundary."},{"kind":"prop","name":"formNoValidate","reason":"External form submission is outside the named-request security boundary."},{"kind":"prop","name":"formTarget","reason":"External form submission is outside the named-request security boundary."},{"kind":"prop","name":"innerRef","reason":"Refs expose underlying React components and DOM nodes."},{"kind":"prop","name":"inset","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"left","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"mask","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"ping","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"pointerEvents","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"popover","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"popoverTarget","reason":"Portal targeting can render or interact outside the widget root."},{"kind":"prop","name":"popoverTargetAction","reason":"Portal targeting can render or interact outside the widget root."},{"kind":"prop","name":"portalProps","reason":"Portal targeting can render or interact outside the widget root."},{"kind":"prop","name":"pos","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"position","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"prototype","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"ref","reason":"Refs expose underlying React components and DOM nodes."},{"kind":"prop","name":"renderRoot","reason":"Polymorphic roots can replace the Homarr-owned element boundary."},{"kind":"prop","name":"right","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"srcDoc","reason":"Raw HTML injection is not available to authored widgets."},{"kind":"prop","name":"suppressContentEditableWarning","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"suppressHydrationWarning","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"top","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"withinPortal","reason":"Portal targeting can render or interact outside the widget root."},{"kind":"prop","name":"zIndex","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop-pattern","name":"on*","reason":"Authored event callbacks can execute code outside the declarative runtime."},{"kind":"prop-pattern","name":"*Ref","reason":"Refs expose underlying React components and DOM nodes."},{"kind":"prop-pattern","name":"__*","reason":"Private and prototype-related properties are outside the supported authoring surface."}],"components":[{"name":"Accordion","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion/","props":[{"name":"attributes","required":false,"source":"component","typeRef":312},{"name":"chevron","required":false,"source":"component","description":"Custom chevron icon","typeRef":172},{"name":"chevronIconSize","required":false,"source":"component","description":"Size of the default chevron icon. Ignored when `chevron` prop is set. Use `chevronSize` instead when using custom chevron.","typeRef":256},{"name":"chevronPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the chevron relative to the item label","typeRef":36},{"name":"chevronSize","required":false,"source":"component","description":"Size of the chevron icon container","typeRef":256},{"name":"disableChevronRotation","required":false,"source":"component","literalValues":[false,true],"description":"If set, chevron rotation is disabled","typeRef":238},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set to `false`, panels are unmounted when collapsed. By default, panels stay mounted when collapsed.","typeRef":238},{"name":"loop","required":false,"source":"component","literalValues":[false,true],"description":"If set, arrow keys loop through items (first to last and last to first)","typeRef":238},{"name":"transitionDuration","required":false,"source":"component","description":"Transition duration in ms","typeRef":250},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":["Accordion.Chevron","Accordion.Control","Accordion.Item","Accordion.Panel"],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Accordion.Chevron","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Accordion.Control","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion/","props":[{"name":"chevron","required":false,"source":"component","description":"Custom chevron icon","typeRef":172},{"name":"icon","required":false,"source":"component","description":"Icon displayed next to the label","typeRef":172}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Accordion.Item","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Accordion.Panel","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion/","props":[{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, overrides the Accordion-level `keepMounted` value. When undefined (default), uses Accordion's `keepMounted` setting.","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"AccordionChevron","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion-chevron/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"AccordionControl","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion-control/","props":[{"name":"chevron","required":false,"source":"component","description":"Custom chevron icon","typeRef":172},{"name":"icon","required":false,"source":"component","description":"Icon displayed next to the label","typeRef":172}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"AccordionItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion-item/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"AccordionPanel","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion-panel/","props":[{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, overrides the Accordion-level `keepMounted` value. When undefined (default), uses Accordion's `keepMounted` setting.","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"ActionButton","package":"@homarr/widgets","category":"network","safety":"wrapped","description":"Runs a named user-triggered action.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"confirmMessage","source":"component","required":false,"typeRef":253},{"name":"disabled","source":"component","required":false,"typeRef":235},{"name":"errorMessage","source":"component","required":false,"typeRef":253},{"name":"fullWidth","source":"component","required":false,"typeRef":235},{"name":"icon","source":"component","required":false,"typeRef":253},{"name":"label","source":"component","required":false,"typeRef":253},{"name":"params","source":"component","required":false,"typeRef":179},{"name":"requestId","source":"component","required":false,"description":"Identifier of the named Custom Widget action.","typeRef":253},{"name":"size","source":"component","required":false,"typeRef":253},{"name":"successMessage","source":"component","required":false,"typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Action labels must describe their effect; destructive actions require confirmation."]},{"name":"ActionIcon","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/action-icon/","props":[{"name":"attributes","required":false,"source":"component","typeRef":350},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":238},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"gradient","required":false,"source":"component","description":"Gradient values used with `variant=\"gradient\"`.","typeRef":128},{"name":"loaderProps","required":false,"source":"component","description":"Props passed down to the `Loader` component. Ignored when `loading` prop is not set.","typeRef":125},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"If set, `Loader` component is displayed instead of the `children`","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":["ActionIcon.Group","ActionIcon.GroupSection"],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ActionIcon.Group","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/action-icon/","props":[{"name":"attributes","required":false,"source":"component","typeRef":291},{"name":"borderWidth","required":false,"source":"component","description":"`border-width` of the child components.","typeRef":256},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ActionIcon.GroupSection","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/action-icon/","props":[{"name":"attributes","required":false,"source":"component","typeRef":292},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":238},{"name":"gradient","required":false,"source":"component","description":"Gradient values used with `variant=\"gradient\"`.","typeRef":128},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ActionIconGroup","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/action-icon-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":291},{"name":"borderWidth","required":false,"source":"component","description":"`border-width` of the child components.","typeRef":256},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ActionIconGroupSection","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/action-icon-group-section/","props":[{"name":"attributes","required":false,"source":"component","typeRef":292},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":238},{"name":"gradient","required":false,"source":"component","description":"Gradient values used with `variant=\"gradient\"`.","typeRef":128},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Affix","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/affix/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes the widget layout boundary"},{"name":"Alert","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/alert/","props":[{"name":"attributes","required":false,"source":"component","typeRef":269},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":238},{"name":"closeButtonLabel","required":false,"source":"component","description":"Close button `aria-label`","typeRef":253},{"name":"icon","required":false,"source":"component","description":"Icon displayed next to the title","typeRef":172},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withCloseButton","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether close button should be displayed","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"AlphaSlider","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/alpha-slider/","props":[{"name":"attributes","required":false,"source":"component","typeRef":365},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Anchor","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/anchor/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration, ignored when `variant` is not `gradient`","typeRef":128},{"name":"inherit","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether font properties should be inherited from the parent","typeRef":238},{"name":"inline","required":false,"source":"component","literalValues":[false,true],"description":"Sets `line-height` to 1 for centering","typeRef":238},{"name":"lineClamp","required":false,"source":"component","description":"Number of lines after which Text will be truncated","typeRef":250},{"name":"textWrap","required":false,"source":"component","literalValues":["balance","nowrap","pretty","stable","wrap"],"description":"Controls `text-wrap` CSS property","typeRef":61},{"name":"truncate","required":false,"source":"component","literalValues":["end",false,"start",true],"description":"Side on which Text must be truncated, if `true`, text is truncated from the start","typeRef":241},{"name":"underline","required":false,"source":"component","literalValues":["always","hover","never","not-hover"],"description":"Defines when `text-decoration: underline` styles are applied.","typeRef":8},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"AngleSlider","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/angle-slider/","props":[{"name":"attributes","required":false,"source":"component","typeRef":314},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":170},{"name":"marks","required":false,"source":"component","description":"Array of marks displayed on the slider","typeRef":368},{"name":"restrictToMarks","required":false,"source":"component","literalValues":[false,true],"description":"If set, the selection is allowed only from the given marks array","typeRef":238},{"name":"thumbSize","required":false,"source":"component","description":"Size of the thumb in px. Calculated based on the `size` value by default.","typeRef":250},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withLabel","required":false,"source":"component","literalValues":[false,true],"description":"If set, the label is displayed inside the slider","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"AppShell","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":["AppShell.Aside","AppShell.Footer","AppShell.Header","AppShell.Main","AppShell.Navbar","AppShell.Section"],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShell.Aside","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShell.Footer","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShell.Header","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShell.Main","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShell.Navbar","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShell.Section","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShellAside","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell-aside/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShellFooter","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell-footer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShellHeader","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell-header/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShellMain","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell-main/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShellNavbar","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell-navbar/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShellSection","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell-section/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AreaChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/area-chart/","props":[{"name":"activeDotProps","required":false,"source":"component","description":"Props passed down to all active dots. Ignored if `withDots={false}` is set.","typeRef":127},{"name":"areaChartProps","required":false,"source":"component","description":"Props passed down to recharts `AreaChart` component","typeRef":72},{"name":"attributes","required":false,"source":"component","typeRef":262},{"name":"connectNulls","required":false,"source":"component","literalValues":[false,true],"description":"If set, points with `null` values are connected","typeRef":238},{"name":"curveType","required":false,"source":"component","literalValues":["bump","linear","monotone","natural","step","stepAfter","stepBefore"],"description":"Type of the curve","typeRef":54},{"name":"data","required":true,"source":"component","description":"Data used to display chart","typeRef":102},{"name":"dataKey","required":true,"source":"component","description":"Key of the `data` object for x-axis values","typeRef":253},{"name":"dotProps","required":false,"source":"component","description":"Props passed down to all dots. Ignored if `withDots={false}` is set.","typeRef":127},{"name":"gridAxis","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which lines should be displayed in the grid, `'x'` by default","typeRef":48},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the grid and cursor lines, by default depends on color scheme","typeRef":113},{"name":"gridProps","required":false,"source":"component","description":"Props passed down to the `CartesianGrid` component","typeRef":134},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to the `Legend` component","typeRef":135},{"name":"referenceLines","required":false,"source":"component","description":"Reference lines that should be displayed on the chart","typeRef":103},{"name":"rightYAxisLabel","required":false,"source":"component","description":"A label to display next to the right y-axis","typeRef":253},{"name":"rightYAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component rendered on the right side","typeRef":144},{"name":"series","required":true,"source":"component","description":"An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array.","typeRef":94},{"name":"splitColors","required":false,"source":"component","description":"A tuple of colors used when `type=\"split\"` is set, ignored in all other cases. A tuple may include theme colors reference or any valid CSS colors","typeRef":230},{"name":"splitOffset","required":false,"source":"component","description":"Offset for the split gradient. By default, value is inferred from `data` and `series` if possible. Must be generated from the data array with `getSplitOffset` function.","typeRef":250},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the text displayed inside the chart, `'dimmed'` by default","typeRef":113},{"name":"tickLine","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which axis should have tick line, `'y'` by default","typeRef":48},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip position animation duration in ms, `0` by default","typeRef":250},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip` component","typeRef":142},{"name":"unit","required":false,"source":"component","description":"Unit displayed next to each tick in y-axis","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withDots","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dots should be displayed","typeRef":238},{"name":"withGradient","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the chart area should be represented with a gradient instead of the solid color","typeRef":238},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart legend should be displayed, `false` by default","typeRef":238},{"name":"withPointLabels","required":false,"source":"component","literalValues":[false,true],"description":"If set, each point has an associated label","typeRef":238},{"name":"withRightYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default","typeRef":238},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart tooltip should be displayed, `true` by default","typeRef":238},{"name":"withXAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether x-axis should be displayed, `true` by default","typeRef":238},{"name":"withYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether y-axis should be displayed, `true` by default","typeRef":238},{"name":"xAxisLabel","required":false,"source":"component","description":"A label to display below the x-axis","typeRef":253},{"name":"xAxisProps","required":false,"source":"component","description":"Props passed down to the `XAxis` recharts component","typeRef":143},{"name":"yAxisLabel","required":false,"source":"component","description":"A label to display next to the y-axis","typeRef":253},{"name":"yAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component","typeRef":144}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"AreaGradient","package":"@mantine/charts","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/charts/area-gradient/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level chart implementation helper"},{"name":"AspectRatio","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/aspect-ratio/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"ratio","required":false,"source":"component","description":"Aspect ratio, for example, `16 / 9`, `4 / 3`, `1920 / 1080`","typeRef":250},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Autocomplete","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/autocomplete/","props":[{"name":"attributes","required":false,"source":"component","typeRef":296},{"name":"autoSelectOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"If set, the highlighted option is selected when the input loses focus","typeRef":238},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":121},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":11},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, the clear button is displayed when the component has a value","typeRef":238},{"name":"comboboxProps","required":false,"source":"component","description":"Props passed down to `Combobox` component","typeRef":107},{"name":"data","required":false,"source":"component","description":"Data used to display options. Values must be unique.","typeRef":106},{"name":"defaultDropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled dropdown initial opened state","typeRef":238},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"dropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled dropdown opened state","typeRef":238},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"floatingHeight","required":false,"source":"component","literalValues":["viewport"],"description":"If set to `'viewport'`, the dropdown grows to fill the available vertical space in the viewport. Disables the `flip` middleware.","typeRef":60},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"limit","required":false,"source":"component","description":"Maximum number of options displayed at a time, `Infinity` by default","typeRef":250},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"maxDropdownHeight","required":false,"source":"component","description":"`max-height` of the dropdown, only applicable when `withScrollArea` prop is `true`, `250` by default","typeRef":256},{"name":"openOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown opens when the input receives focus","typeRef":238},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed to the underlying `ScrollArea` component in the dropdown","typeRef":183},{"name":"selectFirstOptionOnChange","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when value changes, `false` by default","typeRef":238},{"name":"selectFirstOptionOnDropdownOpen","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when dropdown opens, `false` by default","typeRef":238},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withScrollArea","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the options should be wrapped with `ScrollArea.AutoSize`, `true` by default","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Avatar","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/avatar/","props":[{"name":"allowedInitialsColors","required":false,"source":"component","description":"A list of colors that is used for autogenerated initials. By default, all default Mantine colors can be used except gray and dark.","typeRef":114},{"name":"attributes","required":false,"source":"component","typeRef":295},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":238},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration for `variant=\"gradient\"`","typeRef":128},{"name":"imageProps","required":false,"source":"component","description":"Attributes passed down to `img` element","typeRef":169},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":["Avatar.Group"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Avatar.Group","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/avatar/","props":[{"name":"attributes","required":false,"source":"component","typeRef":291},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"AvatarGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/avatar-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":291},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"BackgroundImage","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/background-image/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Badge","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/badge/","props":[{"name":"attributes","required":false,"source":"component","typeRef":323},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":238},{"name":"circle","required":false,"source":"component","literalValues":[false,true],"description":"If set, badge `min-width` becomes equal to its `height` and horizontal padding is removed","typeRef":238},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether Badge should take 100% of its parent width","typeRef":238},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration used when `variant=\\\"gradient\\\"`","typeRef":128},{"name":"leftSection","required":false,"source":"component","description":"Content displayed on the left side of the badge label","typeRef":172},{"name":"rightSection","required":false,"source":"component","description":"Content displayed on the right side of the badge label","typeRef":172},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"BarChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/bar-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":327},{"name":"barChartProps","required":false,"source":"component","description":"Props passed down to recharts `BarChart` component","typeRef":72},{"name":"barLabelColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the bar label, by default the value is determined by the chart orientation","typeRef":113},{"name":"cursorFill","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Fill of hovered bar section, by default value is based on color scheme","typeRef":113},{"name":"data","required":true,"source":"component","description":"Data used to display chart.","typeRef":176},{"name":"dataKey","required":true,"source":"component","description":"Key of the `data` object for x-axis values","typeRef":253},{"name":"gridAxis","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which lines should be displayed in the grid, `'x'` by default","typeRef":48},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the grid and cursor lines, by default depends on color scheme","typeRef":113},{"name":"gridProps","required":false,"source":"component","description":"Props passed down to the `CartesianGrid` component","typeRef":134},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to the `Legend` component","typeRef":135},{"name":"maxBarWidth","required":false,"source":"component","description":"Maximum bar width in px","typeRef":250},{"name":"minBarSize","required":false,"source":"component","description":"Sets minimum height of the bar in px","typeRef":250},{"name":"referenceLines","required":false,"source":"component","description":"Reference lines that should be displayed on the chart","typeRef":103},{"name":"rightYAxisLabel","required":false,"source":"component","description":"A label to display next to the right y-axis","typeRef":253},{"name":"rightYAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component rendered on the right side","typeRef":144},{"name":"series","required":true,"source":"component","description":"An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array.","typeRef":96},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the text displayed inside the chart, `'dimmed'` by default","typeRef":113},{"name":"tickLine","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which axis should have tick line, `'y'` by default","typeRef":48},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip position animation duration in ms, `0` by default","typeRef":250},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip` component","typeRef":142},{"name":"unit","required":false,"source":"component","description":"Unit displayed next to each tick in y-axis","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withBarValueLabel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether a label with bar value should be displayed on top of each bar, incompatible with `type=\"stacked\"` and `type=\"percent\"`","typeRef":238},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart legend should be displayed, `false` by default","typeRef":238},{"name":"withRightYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default","typeRef":238},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart tooltip should be displayed, `true` by default","typeRef":238},{"name":"withXAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether x-axis should be displayed, `true` by default","typeRef":238},{"name":"withYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether y-axis should be displayed, `true` by default","typeRef":238},{"name":"xAxisLabel","required":false,"source":"component","description":"A label to display below the x-axis","typeRef":253},{"name":"xAxisProps","required":false,"source":"component","description":"Props passed down to the `XAxis` recharts component","typeRef":143},{"name":"yAxisLabel","required":false,"source":"component","description":"A label to display next to the y-axis","typeRef":253},{"name":"yAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component","typeRef":144}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"BarsList","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/bars-list/","props":[{"name":"attributes","required":false,"source":"component","typeRef":344},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color","typeRef":238},{"name":"barColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Default bar background color, used when item does not have color specified","typeRef":113},{"name":"barGap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls gap between bars","typeRef":131},{"name":"barHeight","required":false,"source":"component","description":"Bar height","typeRef":256},{"name":"barTextColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Bar text color, overrides autoContrast","typeRef":113},{"name":"barsLabel","required":false,"source":"component","description":"Label displayed above the bars column","typeRef":253},{"name":"data","required":true,"source":"component","description":"Data for bars","typeRef":97},{"name":"minBarSize","required":false,"source":"component","description":"Minimum bar width","typeRef":256},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"valueLabel","required":false,"source":"component","description":"Label displayed above the values column","typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Blockquote","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/blockquote/","props":[{"name":"attributes","required":false,"source":"component","typeRef":282},{"name":"cite","required":false,"source":"component","description":"Reference to a cited quote","typeRef":172},{"name":"icon","required":false,"source":"component","description":"Blockquote icon, displayed at the top left side","typeRef":172},{"name":"iconSize","required":false,"source":"component","description":"Controls icon `width` and `height`, numbers are converted to rem","typeRef":256},{"name":"textWrap","required":false,"source":"component","literalValues":["balance","nowrap","pretty","stable","wrap"],"description":"Controls `text-wrap` CSS property","typeRef":61},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Box","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/box/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Breadcrumbs","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/breadcrumbs/","props":[{"name":"attributes","required":false,"source":"component","typeRef":358},{"name":"separator","required":false,"source":"component","description":"Separator between children","typeRef":172},{"name":"separatorMargin","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls spacing between separator and breadcrumb","typeRef":131},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"BubbleChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/bubble-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":360},{"name":"data","required":true,"source":"component","description":"Chart data","typeRef":176},{"name":"dataKey","required":true,"source":"component","description":"Data keys for x, y and z axis","typeRef":99},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the grid and cursor lines, by default depends on color scheme","typeRef":113},{"name":"label","required":false,"source":"component","description":"Chart label displayed next to the x axis","typeRef":253},{"name":"range","required":true,"source":"component","description":"Z axis range","typeRef":231},{"name":"scatterProps","required":false,"source":"component","description":"Props passed down to the `Scatter` component","typeRef":152},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the text displayed inside the chart","typeRef":113},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip` component","typeRef":142},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed","typeRef":238},{"name":"xAxisProps","required":false,"source":"component","description":"Props passed down to the `XAxis` recharts component","typeRef":143},{"name":"yAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component","typeRef":144},{"name":"zAxisProps","required":false,"source":"component","description":"Props passed down to the `ZAxis` recharts component","typeRef":145}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Burger","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/burger/","props":[{"name":"attributes","required":false,"source":"component","typeRef":345},{"name":"lineSize","required":false,"source":"component","description":"Controls height of lines, by default calculated based on `size` prop","typeRef":256},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"State of the burger, when `true` burger is transformed into X","typeRef":238},{"name":"transitionDuration","required":false,"source":"component","description":"`transition-duration` property value in ms","typeRef":250},{"name":"transitionTimingFunction","required":false,"source":"component","description":"`transition-timing-function` property value","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Button","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/button/","props":[{"name":"attributes","required":false,"source":"component","typeRef":322},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":238},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Sets `width: 100%`","typeRef":238},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration used for `variant=\"gradient\"`","typeRef":128},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"Sets `justify-content` of `inner` element, can be used to change distribution of sections and label","typeRef":160},{"name":"leftSection","required":false,"source":"component","description":"Content on the left side of the button label","typeRef":172},{"name":"loaderProps","required":false,"source":"component","description":"Props added to the `Loader` component (only visible when `loading` prop is set)","typeRef":125},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"If set, the `Loader` component is displayed over the button","typeRef":238},{"name":"rightSection","required":false,"source":"component","description":"Content on the right side of the button label","typeRef":172},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":["Button.Group","Button.GroupSection"],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Button.Group","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/button/","props":[{"name":"attributes","required":false,"source":"component","typeRef":291},{"name":"borderWidth","required":false,"source":"component","description":"`border-width` of the child `Button` components. Numbers are converted to rem.","typeRef":256},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Button.GroupSection","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/button/","props":[{"name":"attributes","required":false,"source":"component","typeRef":292},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":238},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration used when `variant=\"gradient\"`","typeRef":128},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ButtonGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/button-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":291},{"name":"borderWidth","required":false,"source":"component","description":"`border-width` of the child `Button` components. Numbers are converted to rem.","typeRef":256},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"ButtonGroupSection","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/button-group-section/","props":[{"name":"attributes","required":false,"source":"component","typeRef":292},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":238},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration used when `variant=\"gradient\"`","typeRef":128},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Calendar","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/calendar/","props":[{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":101},{"name":"attributes","required":false,"source":"component","typeRef":336},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":250},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":254},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":254},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level in uncontrolled mode","typeRef":40},{"name":"enableKeyboardNavigation","required":false,"source":"component","literalValues":[false,true],"description":"Enable enhanced keyboard navigation (Ctrl/Cmd + Arrow keys for year navigation, Ctrl/Cmd + Shift + Arrow keys for decade navigation, Y key to open year view)","typeRef":238},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":92},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":238},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":70},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":238},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":238},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":238},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level displayed in controlled mode","typeRef":40},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Max level that user can go up to (decade, year, month)","typeRef":40},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"minLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Min level that user can go down to (decade, year, month)","typeRef":40},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":253},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":172},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":253},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":250},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":172},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":253},{"name":"static","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether days should be static, static days can be used to display month if it is not expected that user will interact with the component in any way","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":112},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":238},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":238},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"CalendarHeader","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/calendar-header/","props":[{"name":"attributes","required":false,"source":"component","typeRef":279},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the header should take the full width of its container","typeRef":238},{"name":"hasNextLevel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next level button should be enabled","typeRef":238},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":70},{"name":"label","required":false,"source":"component","description":"Label displayed between next and previous buttons","typeRef":172},{"name":"levelControlAriaLabel","required":false,"source":"component","description":"Level control `aria-label`","typeRef":253},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":238},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":172},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":253},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":238},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":172},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withNext","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next control should be rendered","typeRef":238},{"name":"withPrevious","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether previous control should be rendered","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"Card","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/card/","props":[{"name":"attributes","required":false,"source":"component","typeRef":364},{"name":"padding","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value to set padding","typeRef":131},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":["Card.Section"],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Card.Section","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/card/","props":[{"name":"inheritPadding","required":false,"source":"component","literalValues":[false,true],"description":"If set, the section inherits padding from the parent `Card`","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"CardSection","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/card-section/","props":[{"name":"inheritPadding","required":false,"source":"component","literalValues":[false,true],"description":"If set, the section inherits padding from the parent `Card`","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Center","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/center/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"inline","required":false,"source":"component","literalValues":[false,true],"description":"If set, `inline-flex` is used instead of `flex`","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"ChartLegend","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/chart-legend/","props":[{"name":"attributes","required":false,"source":"component","typeRef":328},{"name":"centered","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the legend should be centered","typeRef":238},{"name":"legendPosition","required":true,"source":"component","literalValues":["bottom","middle","top"],"description":"Position of the legend relative to the chart, used to apply margin on the corresponding side","typeRef":14},{"name":"payload","required":false,"source":"component","description":"Chart data provided by recharts","typeRef":252},{"name":"series","required":false,"source":"component","description":"Data used for labels, only applicable for area charts: AreaChart, LineChart, BarChart","typeRef":104},{"name":"showColor","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether color swatch should be shown next to the label","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"ChartTooltip","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/chart-tooltip/","props":[{"name":"attributes","required":false,"source":"component","typeRef":367},{"name":"label","required":false,"source":"component","description":"Main tooltip label","typeRef":172},{"name":"payload","required":false,"source":"component","description":"Chart data provided by recharts","typeRef":177},{"name":"segmentId","required":false,"source":"component","description":"Segment to display data for, identified by its index in the data array (preferred, isolates duplicate names) or by its name. Only applicable when `type=\"radial\"`. If not set, all data is rendered.","typeRef":256},{"name":"series","required":false,"source":"component","description":"Chart series data, applicable only for `area` type","typeRef":104},{"name":"showColor","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the color swatch should be visible","typeRef":238},{"name":"unit","required":false,"source":"component","description":"Data units, provided by parent component","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"CheckIcon","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/check-icon/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Checkbox","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox/","props":[{"name":"attributes","required":false,"source":"component","typeRef":264},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts icon color based on background color for `filled` variant","typeRef":238},{"name":"description","required":false,"source":"component","description":"Description below the label","typeRef":172},{"name":"error","required":false,"source":"component","description":"Error message below the label","typeRef":172},{"name":"iconColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to set icon color. By default, depends on `theme.autoContrast`.","typeRef":113},{"name":"indeterminate","required":false,"source":"component","literalValues":[false,true],"description":"Indeterminate state of the checkbox. If set, `checked` prop is dismissed.","typeRef":238},{"name":"label","required":false,"source":"component","description":"`label` associated with the checkbox","typeRef":172},{"name":"labelPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the label relative to the input","typeRef":36},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"If set, applies error styles to the checkbox when `error` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":83}],"blockedProps":[],"subcomponents":["Checkbox.Card","Checkbox.Group","Checkbox.Indicator"],"bind":{"type":"boolean","initialProp":"defaultChecked"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Checkbox.Card","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox/","props":[{"name":"attributes","required":false,"source":"component","typeRef":281},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Checkbox.Group","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox/","props":[{"name":"attributes","required":false,"source":"component","typeRef":317},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input for uncontrolled forms","typeRef":84},{"name":"hiddenInputValuesSeparator","required":false,"source":"component","description":"Separator for values in the hidden input for uncontrolled forms","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelElement","required":false,"source":"component","literalValues":["div","label"],"description":"Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually.","typeRef":22},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"maxSelectedValues","required":false,"source":"component","description":"Maximum number of checkboxes that can be selected. When the limit is reached, unselected checkboxes will be disabled","typeRef":250},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element (`Input.Wrapper` component)","typeRef":83}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Checkbox.Indicator","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox/","props":[{"name":"attributes","required":false,"source":"component","typeRef":294},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts icon color based on background color for `filled` variant","typeRef":238},{"name":"iconColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to set icon color, by default value depends on `theme.autoContrast`","typeRef":113},{"name":"indeterminate","required":false,"source":"component","literalValues":[false,true],"description":"Indeterminate state of the checkbox. If set, `checked` prop is ignored.","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"CheckboxCard","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox-card/","props":[{"name":"attributes","required":false,"source":"component","typeRef":281},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"CheckboxGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":317},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input for uncontrolled forms","typeRef":84},{"name":"hiddenInputValuesSeparator","required":false,"source":"component","description":"Separator for values in the hidden input for uncontrolled forms","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelElement","required":false,"source":"component","literalValues":["div","label"],"description":"Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually.","typeRef":22},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"maxSelectedValues","required":false,"source":"component","description":"Maximum number of checkboxes that can be selected. When the limit is reached, unselected checkboxes will be disabled","typeRef":250},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element (`Input.Wrapper` component)","typeRef":83}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"CheckboxIndicator","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox-indicator/","props":[{"name":"attributes","required":false,"source":"component","typeRef":294},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts icon color based on background color for `filled` variant","typeRef":238},{"name":"iconColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to set icon color, by default value depends on `theme.autoContrast`","typeRef":113},{"name":"indeterminate","required":false,"source":"component","literalValues":[false,true],"description":"Indeterminate state of the checkbox. If set, `checked` prop is ignored.","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Chip","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/chip/","props":[{"name":"attributes","required":false,"source":"component","typeRef":299},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on the chip background color for `filled` variant","typeRef":238},{"name":"icon","required":false,"source":"component","description":"Any element or component to replace the default icon","typeRef":172},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":83}],"blockedProps":[],"subcomponents":["Chip.Group"],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Chip.Group","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/chip/","props":[],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ChipGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/chip-group/","props":[],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"CloseButton","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/close-button/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"icon","required":false,"source":"component","description":"React node to replace the default close icon. If set, `iconSize` prop is ignored.","typeRef":172},{"name":"iconSize","required":false,"source":"component","description":"`X` icon `width` and `height`","typeRef":256},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"CloseIcon","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/close-icon/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Code","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/code/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"block","required":false,"source":"component","literalValues":[false,true],"description":"If set, code is rendered in `pre`","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Collapse","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/collapse/","props":[{"name":"animateOpacity","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the opacity is animated","typeRef":238},{"name":"expanded","required":true,"source":"component","literalValues":[false,true],"description":"Expanded state","typeRef":238},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the element is kept in the DOM when collapsed. When `true`, React 19 `Activity` is used to preserve state while collapsed. When `false`, the element is unmounted after the exit animation.","typeRef":238},{"name":"transitionDuration","required":false,"source":"component","description":"Transition duration in ms","typeRef":250},{"name":"transitionTimingFunction","required":false,"source":"component","description":"Transition timing function","typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Collapsible","package":"@homarr/widgets","category":"interaction","safety":"allowed","description":"Shows and hides a bounded content section.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"defaultOpen","source":"component","required":false,"typeRef":233},{"name":"title","source":"component","required":true,"typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ColorInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/color-input/","props":[{"name":"attributes","required":false,"source":"component","typeRef":265},{"name":"closeOnColorSwatchClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is closed when one of the color swatches is clicked","typeRef":238},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"disallowInput","required":false,"source":"component","literalValues":[false,true],"description":"If input is not allowed, the user can only pick value with color picker and swatches","typeRef":238},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"eyeDropperButtonProps","required":false,"source":"component","description":"Props passed down to the eye dropper button","typeRef":175},{"name":"eyeDropperIcon","required":false,"source":"component","description":"An icon to replace the default eye dropper icon","typeRef":172},{"name":"fixOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"If set, the input value resets to the last known valid value when the input loses focus","typeRef":238},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":238},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to the `Popover` component","typeRef":159},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"swatches","required":false,"source":"component","description":"A list of colors used to display swatches list below the color picker","typeRef":259},{"name":"swatchesPerRow","required":false,"source":"component","description":"Number of swatches per row","typeRef":250},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withEyeDropper","required":false,"source":"component","literalValues":[false,true],"description":"If set, the eye dropper button is displayed in the right section","typeRef":238},{"name":"withPicker","required":false,"source":"component","literalValues":[false,true],"description":"If `false`, the component displays only swatches","typeRef":238},{"name":"withPreview","required":false,"source":"component","literalValues":[false,true],"description":"If set, the preview color swatch is displayed in the left section of the input","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ColorPicker","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/color-picker/","props":[{"name":"alphaLabel","required":false,"source":"component","description":"Alpha slider `aria-label`","typeRef":253},{"name":"attributes","required":false,"source":"component","typeRef":270},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"If set, the component takes 100% width of its container","typeRef":238},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props spread to the hidden input","typeRef":84},{"name":"hueLabel","required":false,"source":"component","description":"Hue slider `aria-label`","typeRef":253},{"name":"saturationLabel","required":false,"source":"component","description":"Saturation slider `aria-label`","typeRef":253},{"name":"swatches","required":false,"source":"component","description":"A list of colors used to display swatches list below the color picker","typeRef":259},{"name":"swatchesPerRow","required":false,"source":"component","description":"Number of swatches per row","typeRef":250},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withPicker","required":false,"source":"component","literalValues":[false,true],"description":"If `false`, the component displays only swatches","typeRef":238}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ColorSchemeScript","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/color-scheme-script/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Writes global document state"},{"name":"ColorSwatch","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/color-swatch/","props":[{"name":"attributes","required":false,"source":"component","typeRef":343},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withShadow","required":false,"source":"component","literalValues":[false,true],"description":"If set, the swatch has inner `box-shadow`","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Combobox","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":["Combobox.Chevron","Combobox.ClearButton","Combobox.Dropdown","Combobox.DropdownTarget","Combobox.Empty","Combobox.EventsTarget","Combobox.Footer","Combobox.Group","Combobox.Header","Combobox.HiddenInput","Combobox.Option","Combobox.Options","Combobox.Search","Combobox.Target"],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Chevron","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.ClearButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Dropdown","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.DropdownTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Empty","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.EventsTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Footer","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Group","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Header","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.HiddenInput","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Option","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Options","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Search","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Target","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxChevron","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-chevron/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxClearButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-clear-button/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxDropdown","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-dropdown/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxDropdownTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-dropdown-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxEmpty","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-empty/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxEventsTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-events-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxFooter","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-footer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxGroup","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-group/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxHeader","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-header/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxHiddenInput","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-hidden-input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxOption","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-option/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxOptions","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-options/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxPopover","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-popover/","props":[],"blockedProps":[],"subcomponents":["ComboboxPopover.Target"],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxPopover.Target","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-popover/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxPopoverTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-popover-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxSearch","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-search/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"CompositeChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/composite-chart/","props":[{"name":"activeDotProps","required":false,"source":"component","description":"Props passed down to all active dots. Ignored if `withDots={false}` is set.","typeRef":127},{"name":"attributes","required":false,"source":"component","typeRef":263},{"name":"composedChartProps","required":false,"source":"component","description":"Props passed down to recharts `AreaChart` component","typeRef":72},{"name":"connectNulls","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether points with `null` values should be connected","typeRef":238},{"name":"curveType","required":false,"source":"component","literalValues":["bump","linear","monotone","natural","step","stepAfter","stepBefore"],"description":"Type of the curve","typeRef":54},{"name":"data","required":true,"source":"component","description":"Data used to display chart","typeRef":176},{"name":"dataKey","required":true,"source":"component","description":"Key of the `data` object for x-axis values","typeRef":253},{"name":"dotProps","required":false,"source":"component","description":"Props passed down to all dots. Ignored if `withDots={false}` is set.","typeRef":127},{"name":"gridAxis","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which lines should be displayed in the grid, `'x'` by default","typeRef":48},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the grid and cursor lines, by default depends on color scheme","typeRef":113},{"name":"gridProps","required":false,"source":"component","description":"Props passed down to the `CartesianGrid` component","typeRef":134},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to the `Legend` component","typeRef":135},{"name":"maxBarWidth","required":false,"source":"component","description":"Maximum bar width in px","typeRef":250},{"name":"minBarSize","required":false,"source":"component","description":"Sets minimum height of the bar in px","typeRef":250},{"name":"referenceLines","required":false,"source":"component","description":"Reference lines that should be displayed on the chart","typeRef":103},{"name":"rightYAxisLabel","required":false,"source":"component","description":"A label to display next to the right y-axis","typeRef":253},{"name":"rightYAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component rendered on the right side","typeRef":144},{"name":"series","required":true,"source":"component","description":"An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array.","typeRef":109},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the text displayed inside the chart, `'dimmed'` by default","typeRef":113},{"name":"tickLine","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which axis should have tick line, `'y'` by default","typeRef":48},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip position animation duration in ms, `0` by default","typeRef":250},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip` component","typeRef":142},{"name":"unit","required":false,"source":"component","description":"Unit displayed next to each tick in y-axis","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withBarValueLabel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether a label with bar value should be displayed on top of each bar","typeRef":238},{"name":"withDots","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dots should be displayed","typeRef":238},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart legend should be displayed, `false` by default","typeRef":238},{"name":"withPointLabels","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether each point should have associated label","typeRef":238},{"name":"withRightYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default","typeRef":238},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart tooltip should be displayed, `true` by default","typeRef":238},{"name":"withXAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether x-axis should be displayed, `true` by default","typeRef":238},{"name":"withYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether y-axis should be displayed, `true` by default","typeRef":238},{"name":"xAxisLabel","required":false,"source":"component","description":"A label to display below the x-axis","typeRef":253},{"name":"xAxisProps","required":false,"source":"component","description":"Props passed down to the `XAxis` recharts component","typeRef":143},{"name":"yAxisLabel","required":false,"source":"component","description":"A label to display next to the y-axis","typeRef":253},{"name":"yAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component","typeRef":144}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Container","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/container/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"fluid","required":false,"source":"component","literalValues":[false,true],"description":"If set, the container takes 100% width of its parent and `size` prop is ignored.","typeRef":238},{"name":"strategy","required":false,"source":"component","literalValues":["block","grid"],"description":"Centering strategy","typeRef":10},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"CopyButton","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/copy-button/","props":[{"name":"timeout","required":false,"source":"component","description":"Copied status timeout in ms","typeRef":250}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"DataList","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list/","props":[{"name":"attributes","required":false,"source":"component","typeRef":352},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value to set gap between items","typeRef":131},{"name":"labelWidth","required":false,"source":"component","description":"Controls min-width of the label (dt) element, any valid CSS value","typeRef":163},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withDivider","required":false,"source":"component","literalValues":[false,true],"description":"Adds border between items","typeRef":238}],"blockedProps":[],"subcomponents":["DataList.Item","DataList.ItemLabel","DataList.ItemValue"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DataList.Item","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DataList.ItemLabel","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DataList.ItemValue","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DataListItem","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list-item/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DataListItemLabel","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list-item-label/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DataListItemValue","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list-item-value/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DateInput","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/date-input/","props":[{"name":"allowDeselect","required":false,"source":"component","literalValues":[false,true],"description":"If set, the value can be deselected by deleting everything from the input or by clicking the selected date in the dropdown. By default, `true` if `clearable` prop is set, `false` otherwise.","typeRef":238},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":101},{"name":"attributes","required":false,"source":"component","typeRef":304},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":167},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":11},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set.","typeRef":238},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":250},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":254},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":254},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level (uncontrolled)","typeRef":40},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":92},{"name":"fixOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"If set to `false`, invalid user input is preserved and is not corrected on blur","typeRef":238},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":238},{"name":"hasNextLevel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next level button should be enabled","typeRef":238},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":70},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":238},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":238},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":238},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level (controlled)","typeRef":40},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Max level that user can go up to","typeRef":40},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":253},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":238},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":172},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":253},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":250},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":238},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to the `Popover` component","typeRef":149},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":110},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":238},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":172},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":253},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"valueFormat","required":false,"source":"component","description":"`dayjs` format to display input value, `\"MMMM D, YYYY\"` by default","typeRef":253},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":112},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withNext","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next control should be rendered","typeRef":238},{"name":"withPrevious","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether previous control should be rendered","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"withTime","required":false,"source":"component","literalValues":[false,true],"description":"If set to `true`, the time part of the value is preserved. Set this to `true` when `valueFormat` includes time (e.g. `\"YYYY-MM-DD HH:mm\"`).","typeRef":238},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":253}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"DatePicker","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/date-picker/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":86},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":87},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":101},{"name":"attributes","required":false,"source":"component","typeRef":337},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":250},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":254},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":254},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level (uncontrolled)","typeRef":40},{"name":"enableKeyboardNavigation","required":false,"source":"component","literalValues":[false,true],"description":"Enable enhanced keyboard navigation (Ctrl/Cmd + Arrow keys for year navigation, Ctrl/Cmd + Shift + Arrow keys for decade navigation, Y key to open year view)","typeRef":238},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":92},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":238},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":70},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":238},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":238},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":238},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level (controlled)","typeRef":40},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"typeRef":40},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":253},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":172},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":253},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":250},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":111},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":172},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":112},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":238},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":238},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":253}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"DatePickerInput","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/date-picker-input/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":86},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":87},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":101},{"name":"attributes","required":false,"source":"component","typeRef":305},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":167},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":11},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set.","typeRef":238},{"name":"closeOnChange","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the dropdown is closed when date is selected, not applicable with `type=\"multiple\"`","typeRef":238},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":250},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":254},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":254},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level (uncontrolled)","typeRef":40},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"enableKeyboardNavigation","required":false,"source":"component","literalValues":[false,true],"description":"Enable enhanced keyboard navigation (Ctrl/Cmd + Arrow keys for year navigation, Ctrl/Cmd + Shift + Arrow keys for decade navigation, Y key to open year view)","typeRef":238},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":92},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":238},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":70},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":238},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":238},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":238},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"labelSeparator","required":false,"source":"component","description":"Separator between range value","typeRef":253},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level (controlled)","typeRef":40},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"typeRef":40},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":253},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":172},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":253},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":250},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":238},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to `Popover` component","typeRef":149},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":111},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":172},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":253},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"sortDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dates values should be sorted before `onChange` call, only applicable with type=\"multiple\"","typeRef":238},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"valueFormat","required":false,"source":"component","description":"`dayjs` format for input value","typeRef":253},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":112},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":253}],"blockedProps":[{"name":"dropdownType","reason":"Modal picker mode escapes the widget overlay boundary"},{"name":"modalProps","reason":"Modal picker configuration escapes the widget overlay boundary"}],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"DateTimePicker","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/date-time-picker/","props":[{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":87},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":101},{"name":"attributes","required":false,"source":"component","typeRef":306},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":167},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":11},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set.","typeRef":238},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":250},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":254},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":254},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level in uncontrolled mode","typeRef":40},{"name":"defaultTimeValue","required":false,"source":"component","description":"Default time value in HH:mm` or `HH:mm:ss` format. Assigned to time when date is selected.","typeRef":253},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"endTimePickerProps","required":false,"source":"component","description":"Props passed down to the end time `TimePicker` component in range mode","typeRef":141},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":92},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":238},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":70},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":238},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":238},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":238},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"labelSeparator","required":false,"source":"component","description":"Separator between range values","typeRef":253},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level displayed in controlled mode","typeRef":40},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Max level that user can go up to","typeRef":40},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":253},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":172},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":253},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":250},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":238},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to `Popover` component","typeRef":149},{"name":"presets","required":false,"source":"component","description":"Presets values","typeRef":111},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":172},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":253},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"sortDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dates values should be sorted before `onChange` call, only applicable with type=\"multiple\"","typeRef":238},{"name":"submitButtonProps","required":false,"source":"component","description":"Props passed down to the submit button","typeRef":71},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"timePickerProps","required":false,"source":"component","description":"Props passed down to `TimePicker` component","typeRef":141},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":112},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withSeconds","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the seconds input should be displayed","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":253}],"blockedProps":[{"name":"dropdownType","reason":"Modal picker mode escapes the widget overlay boundary"},{"name":"modalProps","reason":"Modal picker configuration escapes the widget overlay boundary"}],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"DatesProvider","package":"@mantine/dates","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/dates/dates-provider/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Replaces a Homarr-owned provider boundary"},{"name":"Day","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/day/","props":[{"name":"attributes","required":false,"source":"component","typeRef":289},{"name":"date","required":true,"source":"component","description":"Date that is displayed in `YYYY-MM-DD` format","typeRef":253},{"name":"firstInRange","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day is first in range selection","typeRef":238},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day should take the full width of its cell","typeRef":238},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":238},{"name":"inRange","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day is selected in range","typeRef":238},{"name":"lastInRange","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day is last in range selection","typeRef":238},{"name":"outside","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day is outside of the current month","typeRef":238},{"name":"selected","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day is selected","typeRef":238},{"name":"static","required":false,"source":"component","literalValues":[false,true],"description":"Determines which element is used as root, `'button'` by default, `'div'` if static prop is set","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"weekend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day is considered to be a weekend","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"DecadeLevel","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/decade-level/","props":[{"name":"attributes","required":false,"source":"component","typeRef":275},{"name":"decade","required":true,"source":"component","description":"Displayed decade","typeRef":253},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":238},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":70},{"name":"levelControlAriaLabel","required":false,"source":"component","description":"Level control `aria-label`","typeRef":253},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":238},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":172},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":253},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":238},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":172},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":238},{"name":"withNext","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next control should be rendered","typeRef":238},{"name":"withPrevious","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether previous control should be rendered","typeRef":238},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"DecadeLevelGroup","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/decade-level-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":277},{"name":"decade","required":true,"source":"component","description":"Displayed decade","typeRef":253},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":238},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":70},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":238},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":172},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":253},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns to display next to each other","typeRef":250},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":238},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":172},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":238},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"Dialog","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/dialog/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes the widget layout and focus boundary"},{"name":"DirectionProvider","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/direction-provider/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Replaces a Homarr-owned provider boundary"},{"name":"Divider","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/divider/","props":[{"name":"attributes","required":false,"source":"component","typeRef":320},{"name":"label","required":false,"source":"component","description":"Divider label, visible only with `orientation=\"horizontal\"`","typeRef":172},{"name":"labelPosition","required":false,"source":"component","literalValues":["center","left","right"],"description":"Label position","typeRef":18},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"DonutChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/donut-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":313},{"name":"chartLabel","required":false,"source":"component","description":"Chart label, displayed in the center of the chart","typeRef":256},{"name":"data","required":true,"source":"component","description":"Data used to render chart","typeRef":115},{"name":"endAngle","required":false,"source":"component","description":"Controls angle at which charts ends. Set to `0` to render the chart as semicircle.","typeRef":250},{"name":"labelColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls text color of all labels, by default depends on color scheme","typeRef":113},{"name":"labelsType","required":false,"source":"component","literalValues":["name","percent","value"],"description":"Type of labels to display, `'value'` by default","typeRef":59},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to recharts `Legend` component","typeRef":135},{"name":"paddingAngle","required":false,"source":"component","description":"Controls padding between segments","typeRef":250},{"name":"pieChartProps","required":false,"source":"component","description":"Props passed down to recharts `PieChart` component","typeRef":81},{"name":"pieProps","required":false,"source":"component","description":"Props passed down to recharts `Pie` component","typeRef":148},{"name":"startAngle","required":false,"source":"component","description":"Controls angle at which chart starts. Set to `180` to render the chart as semicircle.","typeRef":250},{"name":"strokeColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the segments stroke, by default depends on color scheme","typeRef":113},{"name":"thickness","required":false,"source":"component","description":"Controls thickness of the chart segments","typeRef":250},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip animation duration in ms","typeRef":250},{"name":"tooltipDataSource","required":false,"source":"component","literalValues":["all","segment"],"description":"Determines which data is displayed in the tooltip. `'all'` – display all values, `'segment'` – display only hovered segment.","typeRef":7},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to `Tooltip` recharts component","typeRef":142},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withLabels","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether each segment should have associated label","typeRef":238},{"name":"withLabelsLine","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether segments labels should have lines that connect the segment with the label","typeRef":238},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the legend should be displayed","typeRef":238},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed when one of the section is hovered","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Drawer","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":["Drawer.Body","Drawer.CloseButton","Drawer.Content","Drawer.Header","Drawer.Overlay","Drawer.Root","Drawer.Stack","Drawer.Title"],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Body","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.CloseButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Content","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Header","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Overlay","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Root","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Stack","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Title","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerBody","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-body/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerCloseButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-close-button/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerContent","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-content/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerHeader","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-header/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerOverlay","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-overlay/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerRoot","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-root/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerStack","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-stack/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerTitle","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-title/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"EmptyState","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state/","props":[{"name":"attributes","required":false,"source":"component","typeRef":271},{"name":"description","required":false,"source":"component","description":"Description content, rendered inside `EmptyState.Description`","typeRef":172},{"name":"icon","required":false,"source":"component","description":"Icon or illustration, rendered inside `EmptyState.Indicator`","typeRef":172},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withIndicatorBackground","required":false,"source":"component","literalValues":[false,true],"description":"If set, a neutral circular background is displayed behind the indicator. Setting `variant` always displays a colored background regardless of this prop","typeRef":238}],"blockedProps":[],"subcomponents":["EmptyState.Actions","EmptyState.Description","EmptyState.Indicator","EmptyState.Title"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyState.Actions","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyState.Description","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyState.Indicator","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyState.Title","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyStateActions","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state-actions/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyStateDescription","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state-description/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyStateIndicator","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state-indicator/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyStateTitle","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state-title/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Fieldset","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/fieldset/","props":[{"name":"attributes","required":false,"source":"component","typeRef":334},{"name":"legend","required":false,"source":"component","description":"Fieldset legend","typeRef":172},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"FileButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/file-button/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Requests local file-system access"},{"name":"FileInput","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/file-input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Requests local file-system access"},{"name":"FlatTreeNode","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/flat-tree-node/","props":[{"name":"checkOnSpace","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node is checked on space key press","typeRef":238},{"name":"expandOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node with children is expanded on click","typeRef":238},{"name":"expandOnSpace","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node with children is expanded on space key press","typeRef":238},{"name":"expanded","required":true,"source":"component","literalValues":[false,true],"description":"Whether the node is expanded","typeRef":238},{"name":"hasChildren","required":true,"source":"component","literalValues":[false,true],"description":"Whether the node has children","typeRef":238},{"name":"level","required":true,"source":"component","description":"Nesting level of the node, starts at 1","typeRef":250},{"name":"linesPath","required":false,"source":"component","description":"Line state per ancestor + own level, computed by `flattenTreeData`. When provided and the tree root has `data-with-lines`, connector lines are rendered.","typeRef":116},{"name":"node","required":true,"source":"component","description":"Node data from tree data","typeRef":223},{"name":"parent","required":true,"source":"component","description":"Value of the parent node, `null` for root nodes","typeRef":249},{"name":"selectOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node is selected on click","typeRef":238},{"name":"tree","required":true,"source":"component","description":"Tree controller instance, return value of `useTree` hook","typeRef":227}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Flex","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/flex/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"columnGap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"`column-gap` CSS property","typeRef":193},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"`gap` CSS property","typeRef":193},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"`justify-content` CSS property","typeRef":204},{"name":"rowGap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"`row-gap` CSS property","typeRef":193},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"FloatingArrow","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/floating-arrow/","props":[{"name":"arrowOffset","required":true,"source":"component","typeRef":250},{"name":"arrowPosition","required":true,"source":"component","literalValues":["center","merge","side"],"typeRef":19},{"name":"arrowRadius","required":true,"source":"component","typeRef":250},{"name":"arrowSize","required":true,"source":"component","typeRef":250},{"name":"arrowX","required":false,"source":"component","typeRef":250},{"name":"arrowY","required":false,"source":"component","typeRef":250},{"name":"position","required":true,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"typeRef":37},{"name":"visible","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"FloatingIndicator","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/floating-indicator/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"displayAfterTransitionEnd","required":false,"source":"component","literalValues":[false,true],"description":"Controls whether the indicator should be hidden initially and displayed after the parent's transition ends. Set to `true` when the parent container has CSS transitions (e.g., `transform: scale()`) to prevent the indicator from appearing at the wrong position during the parent's animation.","typeRef":238},{"name":"parent","required":false,"source":"component","description":"Parent container element that must have `position: relative`. The indicator's position is calculated relative to this element.","typeRef":119},{"name":"transitionDuration","required":false,"source":"component","description":"Transition duration in ms","typeRef":256},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"FloatingWindow","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/floating-window/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Creates a separate browser window"},{"name":"FocusTrap","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/focus-trap/","props":[],"blockedProps":[],"subcomponents":["FocusTrap.InitialFocus"],"accessibilityRequirements":[],"deniedReason":"Can capture focus outside the widget interaction flow"},{"name":"FocusTrap.InitialFocus","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/focus-trap/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Can capture focus outside the widget interaction flow"},{"name":"FocusTrapInitialFocus","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/focus-trap-initial-focus/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Can capture focus outside the widget interaction flow"},{"name":"FunnelChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/funnel-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":332},{"name":"data","required":true,"source":"component","description":"Data used to render chart","typeRef":117},{"name":"funnelChartProps","required":false,"source":"component","description":"Props passed down to recharts `FunnelChart` component","typeRef":72},{"name":"funnelProps","required":false,"source":"component","description":"Props passed down to recharts `Pie` component","typeRef":147},{"name":"labelColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls text color of all labels","typeRef":113},{"name":"labelsPosition","required":false,"source":"component","literalValues":["inside","left","right"],"description":"Controls labels position relative to the segment","typeRef":38},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to recharts `Legend` component","typeRef":135},{"name":"strokeColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the segments stroke, by default depends on color scheme","typeRef":113},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip animation duration in ms","typeRef":250},{"name":"tooltipDataSource","required":false,"source":"component","literalValues":["all","segment"],"description":"Determines which data is displayed in the tooltip. `'all'` – display all values, `'segment'` – display only hovered segment.","typeRef":7},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to `Tooltip` recharts component","typeRef":142},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withLabels","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether each segment should have associated label","typeRef":238},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the legend should be displayed","typeRef":238},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed when a section is hovered","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Grid","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/grid/","props":[{"name":"attributes","required":false,"source":"component","typeRef":283},{"name":"breakpoints","required":false,"source":"component","description":"Breakpoints values, only used with `type=\"container\"`","typeRef":118},{"name":"columnGap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Column gap, overrides `gap` for horizontal spacing","typeRef":193},{"name":"columns","required":false,"source":"component","description":"Number of columns in each row","typeRef":250},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Gap between columns and rows, key of `theme.spacing` or any valid CSS value","typeRef":193},{"name":"grow","required":false,"source":"component","literalValues":[false,true],"description":"If set, columns in the last row expand to fill all available space","typeRef":238},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"Sets `justify-content`","typeRef":160},{"name":"rowGap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Row gap, overrides `gap` for vertical spacing","typeRef":193},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":["Grid.Col"],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Grid.Col","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/grid/","props":[{"name":"span","required":false,"source":"component","literalValues":["auto","content"],"description":"Column span","typeRef":191}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"GridCol","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/grid-col/","props":[{"name":"span","required":false,"source":"component","literalValues":["auto","content"],"description":"Column span","typeRef":191}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Group","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem","typeRef":131},{"name":"grow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether each child element should have `flex-grow: 1` style","typeRef":238},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"Controls `justify-content` CSS property","typeRef":160},{"name":"preventGrowOverflow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether children should take only dedicated amount of space (`max-width` style is set based on the number of children)","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"HeadlessMantineProvider","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/headless-mantine-provider/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Replaces a Homarr-owned provider boundary"},{"name":"Heatmap","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/heatmap/","props":[{"name":"attributes","required":false,"source":"component","typeRef":330},{"name":"colors","required":false,"source":"component","description":"Colors array, used to calculate color for each value, by default 4 shades of green colors are used","typeRef":259},{"name":"data","required":true,"source":"component","description":"Heatmap data, key is date in `YYYY-MM-DD` format (interpreted as a UTC calendar day)","typeRef":178},{"name":"domain","required":false,"source":"component","description":"Heatmap domain, array of 2 numbers, min and max values, calculated from data by default","typeRef":231},{"name":"endDate","required":false,"source":"component","description":"Heatmap end date. Current date by default. Date is normalized to UTC midnight of the intended calendar day.","typeRef":254},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"First day of week, 0 – Sunday, 1 – Monday.","typeRef":92},{"name":"gap","required":false,"source":"component","description":"Gap between rects in px","typeRef":250},{"name":"legendLabels","required":false,"source":"component","description":"Legend labels, array of 2 elements: [min label, max label]","typeRef":232},{"name":"monthLabels","required":false,"source":"component","description":"Month labels, array of 12 elements, can be used for localization","typeRef":259},{"name":"monthsLabelsHeight","required":false,"source":"component","description":"Height of month labels row","typeRef":250},{"name":"rectRadius","required":false,"source":"component","description":"Rect radius in px","typeRef":250},{"name":"rectSize","required":false,"source":"component","description":"Size of day rect in px","typeRef":250},{"name":"splitMonths","required":false,"source":"component","literalValues":[false,true],"description":"If set, inserts a spacer column between months","typeRef":238},{"name":"startDate","required":false,"source":"component","description":"Heatmap start date. Current date - 1 year by default. Date is normalized to UTC midnight of the intended calendar day.","typeRef":254},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip.Floating` component","typeRef":156},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"weekdayLabels","required":false,"source":"component","description":"Weekday labels, array of 7 elements, can be used for localization","typeRef":259},{"name":"weekdaysLabelsWidth","required":false,"source":"component","description":"Width of weekday labels column","typeRef":250},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"If set, legend with color levels is displayed below the heatmap","typeRef":238},{"name":"withMonthLabels","required":false,"source":"component","literalValues":[false,true],"description":"If set, month labels are displayed","typeRef":238},{"name":"withOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"If set, trailing dates that do not fall into the given `startDate` – `endDate` range are displayed to fill empty space.","typeRef":238},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"If set, tooltip is displayed on rect hover","typeRef":238},{"name":"withWeekdayLabels","required":false,"source":"component","literalValues":[false,true],"description":"If set, weekday labels are displayed","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"HiddenDatesInput","package":"@mantine/dates","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/dates/hidden-dates-input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Internal date-input primitive"},{"name":"Highlight","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/highlight/","props":[{"name":"accentInsensitive","required":false,"source":"component","literalValues":[false,true],"description":"Perform accent-insensitive matching. When enabled cafe will match cafe, café, cafè, etc.","typeRef":238},{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"caseInsensitive","required":false,"source":"component","literalValues":[false,true],"description":"Perform case-insensitive matching.","typeRef":238},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration, ignored when `variant` is not `gradient`","typeRef":128},{"name":"highlight","required":true,"source":"component","description":"Substring(s) to highlight in `children`. Can be: - string: single term - string[]: multiple terms with same color - HighlightTerm[]: multiple terms with custom colors per term - Matching is case-insensitive and accent-insensitive by default, use `caseInsensitive` and `accentInsensitive` props to control this behavior - Regex special characters are automatically escaped - When multiple substrings are provided, longer matches take precedence - Empty strings and whitespace-only strings are ignored","typeRef":258},{"name":"inherit","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether font properties should be inherited from the parent","typeRef":238},{"name":"inline","required":false,"source":"component","literalValues":[false,true],"description":"Sets `line-height` to 1 for centering","typeRef":238},{"name":"lineClamp","required":false,"source":"component","description":"Number of lines after which Text will be truncated","typeRef":250},{"name":"span","required":false,"source":"component","literalValues":[false,true],"description":"Shorthand for `component=\"span\"`","typeRef":238},{"name":"textWrap","required":false,"source":"component","literalValues":["balance","nowrap","pretty","stable","wrap"],"description":"Controls `text-wrap` CSS property","typeRef":61},{"name":"truncate","required":false,"source":"component","literalValues":["end",false,"start",true],"description":"Side on which Text must be truncated, if `true`, text is truncated from the start","typeRef":241},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"wholeWord","required":false,"source":"component","literalValues":[false,true],"description":"Only match whole words (adds word boundaries to regex). When enabled, 'the' will not match 'there'.","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"HoverCard","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card/","props":[{"name":"arrowOffset","required":false,"source":"component","description":"Arrow offset in px","typeRef":250},{"name":"arrowPosition","required":false,"source":"component","literalValues":["center","merge","side"],"description":"Arrow position","typeRef":19},{"name":"arrowRadius","required":false,"source":"component","description":"Arrow `border-radius` in px","typeRef":250},{"name":"arrowSize","required":false,"source":"component","description":"Arrow size in px","typeRef":250},{"name":"attributes","required":false,"source":"component","typeRef":290},{"name":"clickOutsideEvents","required":false,"source":"component","description":"Events that trigger outside clicks","typeRef":259},{"name":"closeDelay","required":false,"source":"component","description":"Delay in ms before the dropdown closes after mouse leaves the target or dropdown. Overridden by HoverCard.Group delay if used within a group.","typeRef":250},{"name":"closeOnClickOutside","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dropdown should be closed on outside clicks","typeRef":238},{"name":"closeOnEscape","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dropdown should be closed when `Escape` key is pressed","typeRef":238},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Initial opened state for uncontrolled component","typeRef":238},{"name":"floatingStrategy","required":false,"source":"component","literalValues":["absolute","fixed"],"description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","typeRef":24},{"name":"hideDetached","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","typeRef":238},{"name":"initiallyOpened","required":false,"source":"component","literalValues":[false,true],"description":"Initial opened state","typeRef":238},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead.","typeRef":238},{"name":"keepMountedMode","required":false,"source":"component","literalValues":["activity","display-none"],"description":"Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles","typeRef":5},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling","typeRef":158},{"name":"openDelay","required":false,"source":"component","description":"Delay in ms before the dropdown opens after mouse enters the target. Overridden by HoverCard.Group delay if used within a group.","typeRef":250},{"name":"overlayProps","required":false,"source":"component","description":"Props passed down to `Overlay` component","typeRef":80},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Dropdown position relative to the target element","typeRef":37},{"name":"preventPositionChangeWhenVisible","required":false,"source":"component","literalValues":[false,true],"description":"If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change.","typeRef":238},{"name":"returnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be automatically returned to control when dropdown closes","typeRef":238},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component. Use to configure duration and animation type.","typeRef":153},{"name":"trapFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be trapped within dropdown","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withArrow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether component should have an arrow","typeRef":238},{"name":"withOverlay","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the overlay should be displayed when the dropdown is opened","typeRef":238},{"name":"withRoles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dropdown and target elements should have accessible roles","typeRef":238}],"blockedProps":[],"subcomponents":["HoverCard.Dropdown","HoverCard.Group","HoverCard.Target"],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HoverCard.Dropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HoverCard.Group","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card/","props":[{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms","typeRef":250},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms","typeRef":250}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HoverCard.Target","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card/","props":[{"name":"eventPropsWrapperName","required":false,"source":"component","description":"Name of the prop to wrap event listeners in. Use when the target component expects event listeners in a nested object. For example, some components expect `componentProps={{ onMouseEnter, onMouseLeave }}`.","typeRef":253},{"name":"popupType","required":false,"source":"component","description":"Popup accessible type","typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HoverCardDropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card-dropdown/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HoverCardGroup","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card-group/","props":[{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms","typeRef":250},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms","typeRef":250}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HoverCardTarget","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card-target/","props":[{"name":"eventPropsWrapperName","required":false,"source":"component","description":"Name of the prop to wrap event listeners in. Use when the target component expects event listeners in a nested object. For example, some components expect `componentProps={{ onMouseEnter, onMouseLeave }}`.","typeRef":253},{"name":"popupType","required":false,"source":"component","description":"Popup accessible type","typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HueSlider","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hue-slider/","props":[{"name":"attributes","required":false,"source":"component","typeRef":365},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Image","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/image/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"fallbackSrc","required":false,"source":"component","description":"Image url used as a fallback if the image cannot be loaded","typeRef":253},{"name":"fit","required":false,"source":"component","literalValues":["-moz-initial","contain","cover","fill","inherit","initial","none","revert","revert-layer","scale-down","unset"],"description":"Controls `object-fit` style","typeRef":4},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Indicator","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/indicator/","props":[{"name":"attributes","required":false,"source":"component","typeRef":351},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color","typeRef":238},{"name":"inline","required":false,"source":"component","literalValues":[false,true],"description":"Changes container display from block to inline-block, use when wrapping elements with fixed width","typeRef":238},{"name":"label","required":false,"source":"component","description":"Label displayed inside the indicator, for example, notification count","typeRef":172},{"name":"maxValue","required":false,"source":"component","description":"Maximum value to display. If label is a number greater than this value, it will be displayed as `{maxValue}+`","typeRef":250},{"name":"position","required":false,"source":"component","literalValues":["bottom-center","bottom-end","bottom-start","middle-center","middle-end","middle-start","top-center","top-end","top-start"],"description":"Indicator position relative to the target element","typeRef":15},{"name":"processing","required":false,"source":"component","literalValues":[false,true],"description":"If set, the indicator has processing animation","typeRef":238},{"name":"showZero","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether indicator with label `0` should be displayed","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"InlineDateTimePicker","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/inline-date-time-picker/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":86},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":87},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":101},{"name":"attributes","required":false,"source":"component","typeRef":356},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":250},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":254},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":254},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level (uncontrolled)","typeRef":40},{"name":"defaultTimeValue","required":false,"source":"component","description":"Default time value in `HH:mm` or `HH:mm:ss` format. Assigned to time when date is selected.","typeRef":253},{"name":"enableKeyboardNavigation","required":false,"source":"component","literalValues":[false,true],"description":"Enable enhanced keyboard navigation (Ctrl/Cmd + Arrow keys for year navigation, Ctrl/Cmd + Shift + Arrow keys for decade navigation, Y key to open year view)","typeRef":238},{"name":"endTimePickerProps","required":false,"source":"component","description":"Props passed down to the end time `TimePicker` component in range mode","typeRef":141},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":92},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":238},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":70},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":238},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":238},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":238},{"name":"labelSeparator","required":false,"source":"component","description":"Separator between range values","typeRef":253},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level (controlled)","typeRef":40},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Max date","typeRef":254},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"typeRef":40},{"name":"minDate","required":false,"source":"component","description":"Min date","typeRef":254},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":253},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":172},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":253},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":250},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":111},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":172},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":253},{"name":"submitButtonProps","required":false,"source":"component","description":"Props passed down to the submit button","typeRef":71},{"name":"timePickerProps","required":false,"source":"component","description":"Props passed down to `TimePicker` component","typeRef":141},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":112},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":238},{"name":"withSeconds","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the seconds input should be displayed","typeRef":238},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":238},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":253}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"InlineStyles","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/inline-styles/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Writes unscoped style rules"},{"name":"Input","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":["Input.ClearButton","Input.Description","Input.Error","Input.Label","Input.Placeholder","Input.Success","Input.Wrapper"],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.ClearButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.Description","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.Error","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.Label","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.Placeholder","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.Success","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.Wrapper","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputBase","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-base/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputClearButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-clear-button/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputClearSection","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-clear-section/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputDescription","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-description/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputError","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-error/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputLabel","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-label/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputPlaceholder","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-placeholder/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputSuccess","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-success/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputWrapper","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-wrapper/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"JsonInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/json-input/","props":[{"name":"attributes","required":false,"source":"component","typeRef":307},{"name":"autosize","required":false,"source":"component","literalValues":[false,true],"description":"If set, enables textarea height growing with its content","typeRef":238},{"name":"bottomSection","required":false,"source":"component","description":"Content rendered at the bottom of the input, inside the border","typeRef":172},{"name":"bottomSectionProps","required":false,"source":"component","description":"Props passed down to the `bottomSection` element","typeRef":168},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"formatOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the value should be formatted on blur","typeRef":238},{"name":"indentSpaces","required":false,"source":"component","description":"Number of spaces to use as white space for formatting. Passed as the third argument to `serialize` function.","typeRef":250},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"maxRows","required":false,"source":"component","description":"Maximum rows for autosize textarea to grow, ignored if `autosize` prop is not set","typeRef":250},{"name":"minRows","required":false,"source":"component","description":"Minimum rows of autosize textarea, ignored if `autosize` prop is not set","typeRef":250},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":238},{"name":"resize","required":false,"source":"component","literalValues":["-moz-initial","block","both","horizontal","inherit","initial","inline","none","revert","revert-layer","unset","vertical"],"description":"Controls `resize` CSS property","typeRef":3},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"validationError","required":false,"source":"component","description":"Error message shown when the input value is invalid JSON (checked on blur). If not provided, a generic error state is shown. Takes precedence over the `error` prop when validation fails.","typeRef":172},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Kbd","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/kbd/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"LevelsGroup","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/levels-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":335},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the group should take the full width of its container","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"LineChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/line-chart/","props":[{"name":"activeDotProps","required":false,"source":"component","description":"Props passed down to all active dots. Ignored if `withDots={false}` is set.","typeRef":127},{"name":"attributes","required":false,"source":"component","typeRef":329},{"name":"connectNulls","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether points with `null` values should be connected","typeRef":238},{"name":"curveType","required":false,"source":"component","literalValues":["bump","linear","monotone","natural","step","stepAfter","stepBefore"],"description":"Type of the curve","typeRef":54},{"name":"data","required":true,"source":"component","description":"Data used to display chart","typeRef":176},{"name":"dataKey","required":true,"source":"component","description":"Key of the `data` object for x-axis values","typeRef":253},{"name":"dotProps","required":false,"source":"component","description":"Props passed down to all dots. Ignored if `withDots={false}` is set.","typeRef":127},{"name":"gradientStops","required":false,"source":"component","description":"Data used to generate gradient stops","typeRef":123},{"name":"gridAxis","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which lines should be displayed in the grid, `'x'` by default","typeRef":48},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the grid and cursor lines, by default depends on color scheme","typeRef":113},{"name":"gridProps","required":false,"source":"component","description":"Props passed down to the `CartesianGrid` component","typeRef":134},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to the `Legend` component","typeRef":135},{"name":"lineChartProps","required":false,"source":"component","description":"Props passed down to recharts `LineChart` component","typeRef":72},{"name":"referenceLines","required":false,"source":"component","description":"Reference lines that should be displayed on the chart","typeRef":103},{"name":"rightYAxisLabel","required":false,"source":"component","description":"A label to display next to the right y-axis","typeRef":253},{"name":"rightYAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component rendered on the right side","typeRef":144},{"name":"series","required":true,"source":"component","description":"An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array.","typeRef":124},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the text displayed inside the chart, `'dimmed'` by default","typeRef":113},{"name":"tickLine","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which axis should have tick line, `'y'` by default","typeRef":48},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip position animation duration in ms, `0` by default","typeRef":250},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip` component","typeRef":142},{"name":"unit","required":false,"source":"component","description":"Unit displayed next to each tick in y-axis","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withDots","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dots should be displayed","typeRef":238},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart legend should be displayed, `false` by default","typeRef":238},{"name":"withPointLabels","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether each point should have associated label","typeRef":238},{"name":"withRightYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default","typeRef":238},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart tooltip should be displayed, `true` by default","typeRef":238},{"name":"withXAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether x-axis should be displayed, `true` by default","typeRef":238},{"name":"withYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether y-axis should be displayed, `true` by default","typeRef":238},{"name":"xAxisLabel","required":false,"source":"component","description":"A label to display below the x-axis","typeRef":253},{"name":"xAxisProps","required":false,"source":"component","description":"Props passed down to the `XAxis` recharts component","typeRef":143},{"name":"yAxisLabel","required":false,"source":"component","description":"A label to display next to the y-axis","typeRef":253},{"name":"yAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component","typeRef":144}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"List","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/list/","props":[{"name":"attributes","required":false,"source":"component","typeRef":353},{"name":"center","required":false,"source":"component","literalValues":[false,true],"description":"Vertically centers list items with their icons","typeRef":238},{"name":"icon","required":false,"source":"component","description":"Icon to replace default list markers. Applied to all items unless overridden on individual List.Item components","typeRef":172},{"name":"listStyleType","required":false,"source":"component","literalValues":["-moz-initial","inherit","initial","none","revert","revert-layer","unset"],"description":"Controls CSS `list-style-type` property. Overrides the default list marker style based on list type","typeRef":161},{"name":"reversed","required":false,"source":"component","literalValues":[false,true],"description":"Reverses the order of list items (only works with type=\"ordered\")","typeRef":238},{"name":"start","required":false,"source":"component","description":"Starting value for ordered list numbering (only works with type=\"ordered\")","typeRef":250},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withPadding","required":false,"source":"component","literalValues":[false,true],"description":"Adds extra horizontal padding to the list, useful for nested lists","typeRef":238}],"blockedProps":[],"subcomponents":["List.Item"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"List.Item","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/list/","props":[{"name":"icon","required":false,"source":"component","description":"Icon to replace item bullet","typeRef":172}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"ListItem","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/list-item/","props":[{"name":"icon","required":false,"source":"component","description":"Icon to replace item bullet","typeRef":172}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Loader","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/loader/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"loaders","required":false,"source":"component","description":"Object of loaders components, can be customized via default props or inline.","typeRef":155},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"LoadingOverlay","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/loading-overlay/","props":[{"name":"attributes","required":false,"source":"component","typeRef":355},{"name":"loaderProps","required":false,"source":"component","description":"Props passed down to `Loader` component","typeRef":125},{"name":"overlayProps","required":false,"source":"component","description":"Props passed down to `Overlay` component. Use to customizing blur, opacity, color and other properties.","typeRef":146},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to `Transition` component. Set `duration` to create custom transition or override default transition.","typeRef":153},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"visible","required":false,"source":"component","literalValues":[false,true],"description":"Controls overlay visibility. Typically used with state (useState, useDisclosure).","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"MantineProvider","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/mantine-provider/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Replaces a Homarr-owned provider boundary"},{"name":"MantineThemeProvider","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/mantine-theme-provider/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Replaces a Homarr-owned provider boundary"},{"name":"Mark","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/mark/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Marquee","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/marquee/","props":[{"name":"attributes","required":false,"source":"component","typeRef":286},{"name":"duration","required":false,"source":"component","description":"Animation duration in ms","typeRef":250},{"name":"fadeEdgeColor","required":false,"source":"component","description":"Color of the fade gradient,","typeRef":253},{"name":"fadeEdgeSize","required":false,"source":"component","description":"Size of the fade gradient,","typeRef":253},{"name":"fadeEdges","required":false,"source":"component","literalValues":[false,true],"description":"Whether to show gradient fade on edges,","typeRef":238},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Gap between repeated children, key of `theme.spacing` or any valid CSS value","typeRef":131},{"name":"pauseOnHover","required":false,"source":"component","literalValues":[false,true],"description":"Pauses animation on hover","typeRef":238},{"name":"repeat","required":false,"source":"component","description":"Number of times children are repeated inline for seamless scrolling","typeRef":250},{"name":"reverse","required":false,"source":"component","literalValues":[false,true],"description":"Reverses animation direction","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"MaskInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/mask-input/","props":[{"name":"alwaysShowMask","required":false,"source":"component","literalValues":[false,true],"description":"Show mask pattern even when field is empty and unfocused","typeRef":238},{"name":"attributes","required":false,"source":"component","typeRef":307},{"name":"autoClear","required":false,"source":"component","literalValues":[false,true],"description":"Clear value on blur when mask is incomplete, `false` by default","typeRef":238},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":238},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"separate","required":false,"source":"component","literalValues":[false,true],"description":"When true, raw and display values are decoupled","typeRef":238},{"name":"showMaskOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Show mask placeholder on focus, `true` by default","typeRef":238},{"name":"slotChar","required":false,"source":"component","description":"Character displayed in unfilled slots, `\"_\"` by default","typeRef":249},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"tokens","required":false,"source":"component","description":"Override or extend the default token map","typeRef":174},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Menu","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"alignItemsLabels","required":false,"source":"component","literalValues":["all","none","with-indicators"],"description":"Controls how indicator slot space is reserved on menu items for label alignment. `'all'` reserves space on every `Menu.Item`, `'with-indicators'` reserves space only on `Menu.CheckboxItem` and `Menu.RadioItem`, `'none'` reserves space only on items that currently display an indicator.","typeRef":42},{"name":"arrowOffset","required":false,"source":"component","description":"Arrow offset in px","typeRef":250},{"name":"arrowPosition","required":false,"source":"component","literalValues":["center","merge","side"],"description":"Arrow position","typeRef":19},{"name":"arrowRadius","required":false,"source":"component","description":"Arrow `border-radius` in px","typeRef":250},{"name":"arrowSize","required":false,"source":"component","description":"Arrow size in px","typeRef":250},{"name":"attributes","required":false,"source":"component","typeRef":321},{"name":"checkIcon","required":false,"source":"component","description":"Custom icon rendered as the indicator of checked `Menu.CheckboxItem` and selected `Menu.RadioItem`. Can be overridden per item with the `checkIcon` prop.","typeRef":172},{"name":"clickOutsideEvents","required":false,"source":"component","description":"Events that trigger outside click detection. Includes mousedown for desktop clicks, touchstart for mobile, and keydown for Escape key handling","typeRef":259},{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms, applicable only to `trigger=\"hover\"` variant","typeRef":250},{"name":"closeOnClickOutside","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is closed on outside clicks","typeRef":238},{"name":"closeOnEscape","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is closed when the `Escape` key is pressed","typeRef":238},{"name":"closeOnItemClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, the Menu is closed when one of the items is clicked. Can be overridden per item with `closeMenuOnClick` prop","typeRef":238},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled menu initial opened state","typeRef":238},{"name":"floatingStrategy","required":false,"source":"component","literalValues":["absolute","fixed"],"description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","typeRef":24},{"name":"hideDetached","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","typeRef":238},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead.","typeRef":238},{"name":"keepMountedMode","required":false,"source":"component","literalValues":["activity","display-none"],"description":"Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles","typeRef":5},{"name":"loop","required":false,"source":"component","literalValues":[false,true],"description":"If set, arrow key presses wrap around from last item to first and vice versa","typeRef":238},{"name":"menuItemTabIndex","required":false,"source":"component","literalValues":[-1,0],"description":"Set the `tabindex` on all menu items. Use `0` to allow Tab key navigation through menu items (required for navigation menus following WAI-ARIA disclosure pattern).","typeRef":91},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling","typeRef":158},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms, applicable only to `trigger=\"hover\"` variant","typeRef":250},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled menu opened state","typeRef":238},{"name":"overlayProps","required":false,"source":"component","description":"Props passed down to `Overlay` component","typeRef":80},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Dropdown position relative to the target element","typeRef":37},{"name":"preventPositionChangeWhenVisible","required":false,"source":"component","literalValues":[false,true],"description":"If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change.","typeRef":238},{"name":"returnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be automatically returned to control when dropdown closes","typeRef":238},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component. Use to configure duration and animation type.","typeRef":153},{"name":"trapFocus","required":false,"source":"component","literalValues":[false,true],"description":"If set, focus is trapped within the menu dropdown when it is opened","typeRef":238},{"name":"trigger","required":false,"source":"component","literalValues":["click","click-hover","hover"],"description":"Event trigger to open menu. Note: 'hover' is not keyboard accessible; prefer 'click-hover' for accessible hover menus","typeRef":26},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withArrow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether component should have an arrow","typeRef":238},{"name":"withInitialFocusPlaceholder","required":false,"source":"component","literalValues":[false,true],"description":"Adds a hidden focusable element at the start of the dropdown to prevent unexpected focus jumps when opening with keyboard. Set to false if you need custom focus management.","typeRef":238},{"name":"withOverlay","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the overlay should be displayed when the dropdown is opened","typeRef":238}],"blockedProps":[],"subcomponents":["Menu.CheckboxGroup","Menu.CheckboxItem","Menu.ContextMenu","Menu.Divider","Menu.Dropdown","Menu.Item","Menu.Label","Menu.RadioGroup","Menu.RadioItem","Menu.Search","Menu.Sub","Menu.Target"],"bind":{"type":"boolean","initialProp":"defaultChecked"},"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.CheckboxGroup","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.CheckboxItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"checkIcon","required":false,"source":"component","description":"Replaces the default check icon rendered in the indicator slot when the item is checked. Overrides `checkIcon` set on `Menu`.","typeRef":172},{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, closes the menu when this item is clicked. By default, checkbox items do not close the menu.","typeRef":238},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":172}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.ContextMenu","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"longPressDelay","required":false,"source":"component","description":"Delay in ms before a touch long-press opens the dropdown on touch devices, `500` by default","typeRef":250}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Divider","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Dropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Item","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"Controls whether the menu closes when this item is clicked. When undefined, inherits from Menu's `closeOnItemClick` prop. When true or false, overrides the Menu-level setting","typeRef":238},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"leftSection","required":false,"source":"component","description":"Section displayed at the start of the label","typeRef":172},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":172}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Label","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.RadioGroup","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.RadioItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"checkIcon","required":false,"source":"component","description":"Replaces the default radio indicator rendered when the item is selected. Overrides `checkIcon` set on `Menu`.","typeRef":172},{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, closes the menu when this item is clicked. By default, radio items do not close the menu.","typeRef":238},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":172}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Search","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"attributes","required":false,"source":"component","typeRef":311},{"name":"clearSearchOnClose","required":false,"source":"component","literalValues":[false,true],"description":"If set, clears the search value after the menu close transition completes. Requires a controlled `value`/`onChange` pair.","typeRef":238},{"name":"error","required":false,"source":"component","description":"Determines whether the input should have error styles and `aria-invalid` attribute","typeRef":172},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"multiline","required":false,"source":"component","literalValues":[false,true],"description":"Adjusts padding and sizing calculations for multiline inputs (use with `component=\"textarea\"`). Does not make the input multiline by itself.","typeRef":238},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":238},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"success","required":false,"source":"component","description":"Determines whether the input should have success styles","typeRef":172},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAria","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether `aria-` and other accessibility attributes should be added to the input. Only disable when implementing custom accessibility handling.","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element of the `Input` component","typeRef":228}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Sub","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"arrowOffset","required":false,"source":"component","description":"Arrow offset in px","typeRef":250},{"name":"arrowPosition","required":false,"source":"component","literalValues":["center","merge","side"],"description":"Arrow position","typeRef":19},{"name":"arrowRadius","required":false,"source":"component","description":"Arrow `border-radius` in px","typeRef":250},{"name":"arrowSize","required":false,"source":"component","description":"Arrow size in px","typeRef":250},{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms, applicable when hover trigger is used","typeRef":250},{"name":"floatingStrategy","required":false,"source":"component","literalValues":["absolute","fixed"],"description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","typeRef":24},{"name":"hideDetached","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","typeRef":238},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead.","typeRef":238},{"name":"keepMountedMode","required":false,"source":"component","literalValues":["activity","display-none"],"description":"Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles","typeRef":5},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling","typeRef":158},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms, applicable when hover trigger is used","typeRef":250},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled opened state","typeRef":238},{"name":"overlayProps","required":false,"source":"component","description":"Props passed down to `Overlay` component","typeRef":80},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Dropdown position relative to the target element","typeRef":37},{"name":"preventPositionChangeWhenVisible","required":false,"source":"component","literalValues":[false,true],"description":"If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change.","typeRef":238},{"name":"returnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be automatically returned to control when dropdown closes","typeRef":238},{"name":"safeAreaPolygon","required":false,"source":"component","description":"Determines whether submenu stays open while the cursor moves toward its dropdown. Pass an object to configure safe polygon behavior.","typeRef":234},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component that used to animate dropdown presence, use to configure duration and animation type","typeRef":153},{"name":"withArrow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether component should have an arrow","typeRef":238},{"name":"withOverlay","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the overlay should be displayed when the dropdown is opened","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Target","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuCheckboxGroup","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-checkbox-group/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuCheckboxItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-checkbox-item/","props":[{"name":"checkIcon","required":false,"source":"component","description":"Replaces the default check icon rendered in the indicator slot when the item is checked. Overrides `checkIcon` set on `Menu`.","typeRef":172},{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, closes the menu when this item is clicked. By default, checkbox items do not close the menu.","typeRef":238},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":172}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuContextMenu","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-context-menu/","props":[{"name":"longPressDelay","required":false,"source":"component","description":"Delay in ms before a touch long-press opens the dropdown on touch devices, `500` by default","typeRef":250}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuDivider","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-divider/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuDropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-dropdown/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-item/","props":[{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"Controls whether the menu closes when this item is clicked. When undefined, inherits from Menu's `closeOnItemClick` prop. When true or false, overrides the Menu-level setting","typeRef":238},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"leftSection","required":false,"source":"component","description":"Section displayed at the start of the label","typeRef":172},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":172}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuLabel","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-label/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuRadioGroup","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-radio-group/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuRadioItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-radio-item/","props":[{"name":"checkIcon","required":false,"source":"component","description":"Replaces the default radio indicator rendered when the item is selected. Overrides `checkIcon` set on `Menu`.","typeRef":172},{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, closes the menu when this item is clicked. By default, radio items do not close the menu.","typeRef":238},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":172}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSearch","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-search/","props":[{"name":"attributes","required":false,"source":"component","typeRef":311},{"name":"clearSearchOnClose","required":false,"source":"component","literalValues":[false,true],"description":"If set, clears the search value after the menu close transition completes. Requires a controlled `value`/`onChange` pair.","typeRef":238},{"name":"error","required":false,"source":"component","description":"Determines whether the input should have error styles and `aria-invalid` attribute","typeRef":172},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"multiline","required":false,"source":"component","literalValues":[false,true],"description":"Adjusts padding and sizing calculations for multiline inputs (use with `component=\"textarea\"`). Does not make the input multiline by itself.","typeRef":238},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":238},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"success","required":false,"source":"component","description":"Determines whether the input should have success styles","typeRef":172},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAria","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether `aria-` and other accessibility attributes should be added to the input. Only disable when implementing custom accessibility handling.","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element of the `Input` component","typeRef":228}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSub","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub/","props":[{"name":"arrowOffset","required":false,"source":"component","description":"Arrow offset in px","typeRef":250},{"name":"arrowPosition","required":false,"source":"component","literalValues":["center","merge","side"],"description":"Arrow position","typeRef":19},{"name":"arrowRadius","required":false,"source":"component","description":"Arrow `border-radius` in px","typeRef":250},{"name":"arrowSize","required":false,"source":"component","description":"Arrow size in px","typeRef":250},{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms, applicable when hover trigger is used","typeRef":250},{"name":"floatingStrategy","required":false,"source":"component","literalValues":["absolute","fixed"],"description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","typeRef":24},{"name":"hideDetached","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","typeRef":238},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead.","typeRef":238},{"name":"keepMountedMode","required":false,"source":"component","literalValues":["activity","display-none"],"description":"Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles","typeRef":5},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling","typeRef":158},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms, applicable when hover trigger is used","typeRef":250},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled opened state","typeRef":238},{"name":"overlayProps","required":false,"source":"component","description":"Props passed down to `Overlay` component","typeRef":80},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Dropdown position relative to the target element","typeRef":37},{"name":"preventPositionChangeWhenVisible","required":false,"source":"component","literalValues":[false,true],"description":"If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change.","typeRef":238},{"name":"returnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be automatically returned to control when dropdown closes","typeRef":238},{"name":"safeAreaPolygon","required":false,"source":"component","description":"Determines whether submenu stays open while the cursor moves toward its dropdown. Pass an object to configure safe polygon behavior.","typeRef":234},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component that used to animate dropdown presence, use to configure duration and animation type","typeRef":153},{"name":"withArrow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether component should have an arrow","typeRef":238},{"name":"withOverlay","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the overlay should be displayed when the dropdown is opened","typeRef":238}],"blockedProps":[],"subcomponents":["MenuSub.Dropdown","MenuSub.Item","MenuSub.Target"],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSub.Dropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSub.Item","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub/","props":[{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, the menu is closed when the item is clicked. Overrides `closeOnItemClick` prop on the `Menu` component.","typeRef":238},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"leftSection","required":false,"source":"component","description":"Section displayed at the start of the label","typeRef":172},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":172}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSub.Target","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSubDropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub-dropdown/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSubItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub-item/","props":[{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, the menu is closed when the item is clicked. Overrides `closeOnItemClick` prop on the `Menu` component.","typeRef":238},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"leftSection","required":false,"source":"component","description":"Section displayed at the start of the label","typeRef":172},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":172}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSubTarget","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuTarget","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menubar","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar/","props":[],"blockedProps":[],"subcomponents":["Menubar.Dropdown","Menubar.Menu","Menubar.Target"],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Menubar.Dropdown","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Menubar.Menu","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Menubar.Target","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"MenubarDropdown","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar-dropdown/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"MenubarMenu","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar-menu/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"MenubarTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"MiniCalendar","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/mini-calendar/","props":[{"name":"attributes","required":false,"source":"component","typeRef":347},{"name":"date","required":false,"source":"component","description":"Controlled component date value, start date of the interval","typeRef":254},{"name":"defaultDate","required":false,"source":"component","description":"Uncontrolled component default value, start date of the interval","typeRef":254},{"name":"locale","required":false,"source":"component","description":"dayjs locale used for formatting","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Maximum date that can be selected, date object or date string in `YYYY-MM-DD` format","typeRef":254},{"name":"minDate","required":false,"source":"component","description":"Minimum date that can be selected, date object or date string in `YYYY-MM-DD` format","typeRef":254},{"name":"monthLabelFormat","required":false,"source":"component","description":"Dayjs format string for month label","typeRef":253},{"name":"nextControlProps","required":false,"source":"component","description":"Props passed to next control button","typeRef":82},{"name":"numberOfDays","required":false,"source":"component","description":"Number of days to display in the calendar","typeRef":250},{"name":"previousControlProps","required":false,"source":"component","description":"Props passed to previous control button","typeRef":82},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"Modal","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":["Modal.Body","Modal.CloseButton","Modal.Content","Modal.Header","Modal.Overlay","Modal.Root","Modal.Stack","Modal.Title"],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Body","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.CloseButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Content","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Header","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Overlay","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Root","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Stack","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Title","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBase","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBaseBody","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base-body/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBaseCloseButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base-close-button/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBaseContent","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base-content/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBaseHeader","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base-header/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBaseOverlay","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base-overlay/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBaseTitle","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base-title/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBody","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-body/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalCloseButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-close-button/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalContent","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-content/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalHeader","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-header/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalOverlay","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-overlay/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalRoot","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-root/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalStack","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-stack/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalTitle","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-title/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Month","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/month/","props":[{"name":"attributes","required":false,"source":"component","typeRef":338},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":92},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the month should take the full width of its container","typeRef":238},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":238},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":238},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":238},{"name":"locale","required":false,"source":"component","description":"`dayjs` locale, the default value is defined by `DatesProvider`","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date, in `YYYY-MM-DD` format","typeRef":254},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date, in `YYYY-MM-DD` format","typeRef":254},{"name":"month","required":true,"source":"component","description":"Month to display, value `YYYY-MM-DD`","typeRef":253},{"name":"static","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether days should be static, static days can be used to display month if it is not expected that user will interact with the component in any way","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":112},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated by space","typeRef":238},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"MonthLevel","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/month-level/","props":[{"name":"attributes","required":false,"source":"component","typeRef":339},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":92},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":238},{"name":"hasNextLevel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next level button should be enabled","typeRef":238},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":70},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":238},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":238},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":238},{"name":"levelControlAriaLabel","required":false,"source":"component","description":"Aria-label for change level control","typeRef":253},{"name":"locale","required":false,"source":"component","description":"`dayjs` locale, the default value is defined by `DatesProvider`","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date, in `YYYY-MM-DD` format","typeRef":254},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date, in `YYYY-MM-DD` format","typeRef":254},{"name":"month","required":true,"source":"component","description":"Month that is currently displayed","typeRef":253},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":238},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":172},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":253},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":238},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":172},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":253},{"name":"static","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether days should be static, static days can be used to display month if it is not expected that user will interact with the component in any way","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":112},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated by space","typeRef":238},{"name":"withNext","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next control should be rendered","typeRef":238},{"name":"withPrevious","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether previous control should be rendered","typeRef":238},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"MonthLevelGroup","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/month-level-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":340},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":92},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":238},{"name":"hasNextLevel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next level button should be enabled","typeRef":238},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":70},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":238},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":238},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":238},{"name":"locale","required":false,"source":"component","description":"`dayjs` locale, the default value is defined by `DatesProvider`","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date, in `YYYY-MM-DD` format","typeRef":254},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date, in `YYYY-MM-DD` format","typeRef":254},{"name":"month","required":true,"source":"component","description":"Month to display","typeRef":253},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":238},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":172},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":253},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns to display next to each other","typeRef":250},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":238},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":172},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":253},{"name":"static","required":false,"source":"component","literalValues":[false,true],"description":"Passed as `isStatic` prop to `Month` component","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":112},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated by space","typeRef":238},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"MonthPicker","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/month-picker/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":86},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":87},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":101},{"name":"attributes","required":false,"source":"component","typeRef":273},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":250},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":254},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":254},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level (uncontrolled)","typeRef":40},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":238},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level (controlled)","typeRef":40},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Max level that user can go up to","typeRef":40},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":253},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":253},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":250},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":132},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":238},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":253}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"MonthPickerInput","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/month-picker-input/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":86},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":87},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":101},{"name":"attributes","required":false,"source":"component","typeRef":303},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":167},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":11},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set.","typeRef":238},{"name":"closeOnChange","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the dropdown is closed when date is selected, not applicable with `type=\"multiple\"`","typeRef":238},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":250},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":254},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":254},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level (uncontrolled)","typeRef":40},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":238},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"labelSeparator","required":false,"source":"component","description":"Separator between range value","typeRef":253},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level (controlled)","typeRef":40},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Max level that user can go up to","typeRef":40},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":253},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":253},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":250},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":238},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to `Popover` component","typeRef":149},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":132},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":253},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"sortDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dates values should be sorted before `onChange` call, only applicable with type=\"multiple\"","typeRef":238},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"valueFormat","required":false,"source":"component","description":"`dayjs` format for input value","typeRef":253},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":253}],"blockedProps":[{"name":"dropdownType","reason":"Modal picker mode escapes the widget overlay boundary"},{"name":"modalProps","reason":"Modal picker configuration escapes the widget overlay boundary"}],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"MonthsList","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/months-list/","props":[{"name":"attributes","required":false,"source":"component","typeRef":341},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":238},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":238},{"name":"year","required":true,"source":"component","description":"Year for which months list should be displayed","typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"MultiSelect","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/multi-select/","props":[{"name":"attributes","required":false,"source":"component","typeRef":297},{"name":"checkIconPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the checkmark icon shown next to selected options in the dropdown","typeRef":36},{"name":"chevronColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the default chevron","typeRef":113},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":121},{"name":"clearSearchOnChange","required":false,"source":"component","literalValues":[false,true],"description":"Clear search value when item is selected","typeRef":238},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":11},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"When enabled, displays a clear button to remove all selected values (hidden when component is empty, disabled, or read-only)","typeRef":238},{"name":"comboboxProps","required":false,"source":"component","description":"Props passed down to `Combobox` component","typeRef":107},{"name":"data","required":false,"source":"component","description":"Data used to generate options. Values must be unique, otherwise an error will be thrown and component will not render.","typeRef":105},{"name":"defaultDropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled dropdown initial opened state","typeRef":238},{"name":"defaultSearchValue","required":false,"source":"component","description":"Default search value","typeRef":253},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"dropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled dropdown opened state","typeRef":238},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"floatingHeight","required":false,"source":"component","literalValues":["viewport"],"description":"If set to `'viewport'`, the dropdown grows to fill the available vertical space in the viewport. Disables the `flip` middleware.","typeRef":60},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":140},{"name":"hiddenInputValuesDivider","required":false,"source":"component","description":"Divider used to separate values in the hidden input `value` attribute","typeRef":253},{"name":"hidePickedOptions","required":false,"source":"component","literalValues":[false,true],"description":"When enabled, selected options are hidden from the dropdown list","typeRef":238},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"limit","required":false,"source":"component","description":"Maximum number of options displayed at a time, `Infinity` by default","typeRef":250},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"maxDropdownHeight","required":false,"source":"component","description":"`max-height` of the dropdown, only applicable when `withScrollArea` prop is `true`, `250` by default","typeRef":256},{"name":"maxValues","required":false,"source":"component","description":"Maximum number of values, no limit if not set","typeRef":250},{"name":"nothingFoundMessage","required":false,"source":"component","description":"Message displayed when no options match the search query (when searchable is enabled) or when the data array is empty. If not set, the dropdown will be hidden instead.","typeRef":172},{"name":"openOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Controls whether dropdown opens when the input receives focus","typeRef":238},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":238},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed down to the underlying `ScrollArea` component in the dropdown","typeRef":183},{"name":"searchValue","required":false,"source":"component","description":"Controlled search value","typeRef":253},{"name":"searchable","required":false,"source":"component","literalValues":[false,true],"description":"Allows searching through options by user input","typeRef":238},{"name":"selectFirstOptionOnChange","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when value changes, `false` by default","typeRef":238},{"name":"selectFirstOptionOnDropdownOpen","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when dropdown opens, `false` by default","typeRef":238},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAlignedLabels","required":false,"source":"component","literalValues":[false,true],"description":"If set, unchecked labels are aligned with checked ones","typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withCheckIcon","required":false,"source":"component","literalValues":[false,true],"description":"If set, the check icon is displayed near the selected option label","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withPillsReorder","required":false,"source":"component","literalValues":[false,true],"description":"If set, selected values can be reordered by dragging pills. Disabled when `disabled` or `readOnly` is set.","typeRef":238},{"name":"withScrollArea","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the options should be wrapped with `ScrollArea.AutoSize`, `true` by default","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"NativeScrollArea","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/native-scroll-area/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"NativeSelect","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/native-select/","props":[{"name":"attributes","required":false,"source":"component","typeRef":307},{"name":"data","required":false,"source":"component","description":"Data used to render options. Accepts strings, objects with label/value, or grouped options. If `children` prop is provided, `data` will be ignored.","typeRef":108},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"NavLink","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/nav-link/","props":[{"name":"active","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the link should have active styles","typeRef":238},{"name":"attributes","required":false,"source":"component","typeRef":268},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":238},{"name":"childrenOffset","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls indentation of nested NavLink components, key of `theme.spacing` or any valid CSS value","typeRef":131},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled nested items collapse initial state","typeRef":238},{"name":"description","required":false,"source":"component","description":"Link description, displayed below the label","typeRef":172},{"name":"disableRightSectionRotation","required":false,"source":"component","literalValues":[false,true],"description":"If set, right section will not be rotated when collapse is opened","typeRef":238},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set to `false`, child `NavLinks` are unmounted when collapsed","typeRef":238},{"name":"label","required":false,"source":"component","description":"Main link label","typeRef":172},{"name":"leftSection","required":false,"source":"component","description":"Section displayed on the left side of the label","typeRef":172},{"name":"noWrap","required":false,"source":"component","literalValues":[false,true],"description":"If set, label and description are truncated with ellipsis instead of wrapping","typeRef":238},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled nested items collapse state","typeRef":238},{"name":"rightSection","required":false,"source":"component","description":"Section displayed on the right side of the label","typeRef":172},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Notification","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/notification/","props":[{"name":"attributes","required":false,"source":"component","typeRef":272},{"name":"closeButtonProps","required":false,"source":"component","description":"Props passed down to the close button","typeRef":75},{"name":"icon","required":false,"source":"component","description":"Notification icon, replaces color line","typeRef":172},{"name":"loaderProps","required":false,"source":"component","description":"Props passed down to the `Loader` component","typeRef":125},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"If set, displays a `Loader` component instead of the icon. Takes precedence over the `icon` prop if both are provided.","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withCloseButton","required":false,"source":"component","literalValues":[false,true],"description":"If set, the close button is visible","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"NumberFormatter","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/number-formatter/","props":[{"name":"allowNegative","required":false,"source":"component","literalValues":[false,true],"description":"If set, negative values are allowed","typeRef":238},{"name":"decimalScale","required":false,"source":"component","description":"Limits the number of digits that are displayed after the decimal point","typeRef":250},{"name":"decimalSeparator","required":false,"source":"component","description":"Character used as a decimal separator, `'.'` by default","typeRef":253},{"name":"fixedDecimalScale","required":false,"source":"component","literalValues":[false,true],"description":"If set, zeros are added after `decimalSeparator` to match given `decimalScale`.","typeRef":238},{"name":"suffix","required":false,"source":"component","description":"Suffix added after the value","typeRef":253},{"name":"thousandSeparator","required":false,"source":"component","description":"A character used to separate thousands","typeRef":255},{"name":"thousandsGroupStyle","required":false,"source":"component","literalValues":["lakh","none","thousand","wan"],"description":"Defines the thousand grouping style","typeRef":47}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"NumberInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/number-input/","props":[{"name":"allowDecimal","required":false,"source":"component","literalValues":[false,true],"description":"If set, decimal values are allowed","typeRef":238},{"name":"allowLeadingZeros","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether leading zeros are allowed during input. If `false`, leading zeros are removed as you type (e.g., typing `007` results in `7`). Works in conjunction with `trimLeadingZeroesOnBlur`.","typeRef":238},{"name":"allowNegative","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether negative numbers are allowed. If `false`, the input will not accept negative values, and the decrement button will stop at `0` (when `min` is not set).","typeRef":238},{"name":"allowedDecimalSeparators","required":false,"source":"component","description":"Characters which when pressed result in a decimal separator. These characters will be replaced by the `decimalSeparator` in the input value.","typeRef":259},{"name":"attributes","required":false,"source":"component","typeRef":308},{"name":"clampBehavior","required":false,"source":"component","literalValues":["blur","none","strict"],"description":"Controls how values are clamped to the `min`/`max` range: - `'blur'` (default): User can type any value, but it's clamped when the input loses focus - `'strict'`: User cannot type values outside the range - `'none'`: No clamping; `min`/`max` only apply to increment/decrement controls and arrow keys","typeRef":45},{"name":"decimalScale","required":false,"source":"component","description":"Limits the number of digits that can be entered after the decimal point","typeRef":250},{"name":"decimalSeparator","required":false,"source":"component","description":"Character used as a decimal separator. Generally used with `allowedDecimalSeparators` prop.","typeRef":253},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"fixedDecimalScale","required":false,"source":"component","literalValues":[false,true],"description":"If `true`, automatically pads the decimal part with zeros to match `decimalScale` (e.g., with `decimalScale={2}`, typing `5.1` displays as `5.10`). Requires `decimalScale` to be set.","typeRef":238},{"name":"hideControls","required":false,"source":"component","literalValues":[false,true],"description":"If set, the up/down controls are hidden","typeRef":238},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"selectAllOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"If set, all text is selected when the input receives focus","typeRef":238},{"name":"startValue","required":false,"source":"component","description":"Value used when incrementing/decrementing an empty input. If `min` is set and `startValue < min`, `min` is used instead.","typeRef":217},{"name":"stepHoldDelay","required":false,"source":"component","description":"Initial delay in milliseconds before stepping the value.","typeRef":250},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"suffix","required":false,"source":"component","description":"Suffix added after the input value","typeRef":253},{"name":"thousandSeparator","required":false,"source":"component","description":"A character used to separate thousands","typeRef":255},{"name":"thousandsGroupStyle","required":false,"source":"component","literalValues":["lakh","none","thousand","wan"],"description":"Defines the thousand grouping style. 'thousand' (1,000), 'lakh' (1,00,000), 'wan' (1,0000), 'none'.","typeRef":47},{"name":"trimLeadingZeroesOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"If set, leading zeros are removed on blur. For example, `00100` -> `100`","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"valueIsNumericString","required":false,"source":"component","literalValues":[false,true],"description":"Advanced: Set to `true` if you're passing numeric strings (e.g., `\"12345\"`) and using formatting props like `prefix` or `suffix`. In most cases, you don't need this prop. See [react-number-format docs](https://www.npmjs.com/package/react-number-format) for details.","typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withKeyboardEvents","required":false,"source":"component","literalValues":[false,true],"description":"If set, up/down keyboard events increment/decrement value","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228}],"blockedProps":[],"subcomponents":[],"bind":{"type":"number","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"OptionalPortal","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/optional-portal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Can render outside the widget root"},{"name":"OptionsDropdown","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/options-dropdown/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"OverflowList","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/overflow-list/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"collapseFrom","required":false,"source":"component","literalValues":["end","start"],"description":"Direction from which items are collapsed when they overflow, `'end'` collapses last items, `'start'` collapses first items","typeRef":23},{"name":"data","required":true,"source":"component","description":"Array of items to display","typeRef":218},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem","typeRef":131},{"name":"maxRows","required":false,"source":"component","description":"Number of rows to display","typeRef":250},{"name":"maxVisibleItems","required":false,"source":"component","description":"Maximum number of visible items","typeRef":250},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Overlay","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/overlay/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"backgroundOpacity","required":false,"source":"component","description":"Overlay `background-color` opacity 0–1, ignored when `gradient` prop is set","typeRef":250},{"name":"blur","required":false,"source":"component","description":"Overlay background blur in px (converted to rem). Applies `backdrop-filter: blur()`. Note: backdrop-filter is not supported in all browsers.","typeRef":256},{"name":"center","required":false,"source":"component","literalValues":[false,true],"description":"Centers content inside the overlay using flexbox (sets display: flex, align-items: center, justify-content: center)","typeRef":238},{"name":"fixed","required":false,"source":"component","literalValues":[false,true],"description":"Changes position from `absolute` to `fixed` (viewport-relative instead of parent-relative)","typeRef":238},{"name":"gradient","required":false,"source":"component","description":"Changes overlay to gradient. If set, both `color` and `backgroundOpacity` props are ignored.","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"PaginatedList","package":"@homarr/widgets","category":"interaction","safety":"allowed","description":"Renders a bounded page of collection items.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"pageSize","source":"component","required":false,"typeRef":250}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[{"name":"attributes","required":false,"source":"component","typeRef":316},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on the active page background color to ensure sufficient contrast","typeRef":238},{"name":"boundaries","required":false,"source":"component","description":"Number of elements visible on the left/right edges","typeRef":250},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing`, gap between controls","typeRef":131},{"name":"hideWithOnePage","required":false,"source":"component","literalValues":[false,true],"description":"If set, the pagination is hidden when only one page is available (`total={1}`)","typeRef":238},{"name":"layout","required":false,"source":"component","literalValues":["default","responsive"],"description":"Determines how the pagination is displayed, `'responsive'` uses CSS container queries to switch between pages and a compact label","typeRef":21},{"name":"siblings","required":false,"source":"component","description":"Number of siblings displayed on the left/right side of the selected page","typeRef":250},{"name":"startValue","required":false,"source":"component","description":"Starting page number, defaults to 1","typeRef":250},{"name":"total","required":true,"source":"component","description":"Total number of pages, must be an integer","typeRef":250},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withControls","required":false,"source":"component","literalValues":[false,true],"description":"If set, next/previous controls are displayed","typeRef":238},{"name":"withEdges","required":false,"source":"component","literalValues":[false,true],"description":"If set, first/last controls are displayed","typeRef":238},{"name":"withPages","required":false,"source":"component","literalValues":[false,true],"description":"If set to `false`, page number buttons are hidden, only next/previous controls remain","typeRef":238}],"blockedProps":[],"subcomponents":["Pagination.Control","Pagination.Dots","Pagination.First","Pagination.Items","Pagination.Label","Pagination.Last","Pagination.Next","Pagination.Previous","Pagination.Root"],"bind":{"type":"number","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Control","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[{"name":"active","required":false,"source":"component","literalValues":[false,true],"description":"Applies active styles, adds `data-active` attribute","typeRef":238},{"name":"withPadding","required":false,"source":"component","literalValues":[false,true],"description":"Applies padding","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Dots","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.First","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Items","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Label","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Last","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Next","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Previous","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Root","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[{"name":"attributes","required":false,"source":"component","typeRef":316},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on the active page background color to ensure sufficient contrast","typeRef":238},{"name":"boundaries","required":false,"source":"component","description":"Number of elements visible on the left/right edges","typeRef":250},{"name":"layout","required":false,"source":"component","literalValues":["default","responsive"],"description":"Determines how the pagination is displayed, `'responsive'` uses CSS container queries to switch between pages and a compact label","typeRef":21},{"name":"siblings","required":false,"source":"component","description":"Number of siblings displayed on the left/right side of the selected page","typeRef":250},{"name":"startValue","required":false,"source":"component","description":"Starting page number, defaults to 1","typeRef":250},{"name":"total","required":true,"source":"component","description":"Total number of pages, must be an integer","typeRef":250},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"PaginationControl","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-control/","props":[{"name":"active","required":false,"source":"component","literalValues":[false,true],"description":"Applies active styles, adds `data-active` attribute","typeRef":238},{"name":"withPadding","required":false,"source":"component","literalValues":[false,true],"description":"Applies padding","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationDots","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-dots/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationFirst","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-first/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationItems","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-items/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationLabel","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-label/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationLast","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-last/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationNext","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-next/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationPrevious","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-previous/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationRoot","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-root/","props":[{"name":"attributes","required":false,"source":"component","typeRef":316},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on the active page background color to ensure sufficient contrast","typeRef":238},{"name":"boundaries","required":false,"source":"component","description":"Number of elements visible on the left/right edges","typeRef":250},{"name":"layout","required":false,"source":"component","literalValues":["default","responsive"],"description":"Determines how the pagination is displayed, `'responsive'` uses CSS container queries to switch between pages and a compact label","typeRef":21},{"name":"siblings","required":false,"source":"component","description":"Number of siblings displayed on the left/right side of the selected page","typeRef":250},{"name":"startValue","required":false,"source":"component","description":"Starting page number, defaults to 1","typeRef":250},{"name":"total","required":true,"source":"component","description":"Total number of pages, must be an integer","typeRef":250},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Paper","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/paper/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"PasswordInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/password-input/","props":[{"name":"attributes","required":false,"source":"component","typeRef":309},{"name":"defaultVisible","required":false,"source":"component","literalValues":[false,true],"description":"If set, the input value is visible by default","typeRef":238},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"visibilityToggleButtonProps","required":false,"source":"component","description":"Props passed down to the visibility toggle button","typeRef":175},{"name":"visible","required":false,"source":"component","literalValues":[false,true],"description":"If set, the input value is visible","typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"PickerControl","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/picker-control/","props":[{"name":"attributes","required":false,"source":"component","typeRef":342},{"name":"firstInRange","required":false,"source":"component","literalValues":[false,true],"description":"Assigns first in range styles","typeRef":238},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the control should take the full width of its cell","typeRef":238},{"name":"inRange","required":false,"source":"component","literalValues":[false,true],"description":"Assigns in range styles","typeRef":238},{"name":"lastInRange","required":false,"source":"component","literalValues":[false,true],"description":"Assigns last in range styles","typeRef":238},{"name":"selected","required":false,"source":"component","literalValues":[false,true],"description":"Assigns selected styles","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"PickerInputBase","package":"@mantine/dates","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/dates/picker-input-base/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Internal date-input primitive"},{"name":"PieChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/pie-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":332},{"name":"data","required":true,"source":"component","description":"Data used to render chart","typeRef":157},{"name":"endAngle","required":false,"source":"component","description":"Controls angle at which charts ends. Set to `0` to render the chart as semicircle.","typeRef":250},{"name":"labelColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls text color of all labels, white by default","typeRef":113},{"name":"labelsPosition","required":false,"source":"component","literalValues":["inside","outside"],"description":"Controls labels position relative to the segment","typeRef":35},{"name":"labelsType","required":false,"source":"component","literalValues":["name","percent","value"],"description":"Type of labels to display","typeRef":59},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to recharts `Legend` component","typeRef":135},{"name":"paddingAngle","required":false,"source":"component","description":"Controls padding between segments","typeRef":250},{"name":"pieChartProps","required":false,"source":"component","description":"Props passed down to recharts `PieChart` component","typeRef":81},{"name":"pieProps","required":false,"source":"component","description":"Props passed down to recharts `Pie` component","typeRef":148},{"name":"startAngle","required":false,"source":"component","description":"Controls angle at which chart starts. Set to `180` to render the chart as semicircle.","typeRef":250},{"name":"strokeColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the segments stroke, by default depends on color scheme","typeRef":113},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip animation duration in ms","typeRef":250},{"name":"tooltipDataSource","required":false,"source":"component","literalValues":["all","segment"],"description":"Determines which data is displayed in the tooltip. `'all'` – display all values, `'segment'` – display only hovered segment.","typeRef":7},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to `Tooltip` recharts component","typeRef":142},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withLabels","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether each segment should have associated label","typeRef":238},{"name":"withLabelsLine","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether segments labels should have lines that connect the segment with the label","typeRef":238},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the legend should be displayed","typeRef":238},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed when one of the section is hovered","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Pill","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pill/","props":[{"name":"attributes","required":false,"source":"component","typeRef":319},{"name":"removeButtonProps","required":false,"source":"component","description":"Props passed down to the remove button","typeRef":74},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withRemoveButton","required":false,"source":"component","literalValues":[false,true],"description":"Controls visibility of the remove button","typeRef":238}],"blockedProps":[],"subcomponents":["Pill.Group"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Pill.Group","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pill/","props":[{"name":"attributes","required":false,"source":"component","typeRef":291},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls spacing between pills, by default controlled by `size`","typeRef":251},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PillGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pill-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":291},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls spacing between pills, by default controlled by `size`","typeRef":251},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PillsInput","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/pills-input/","props":[],"blockedProps":[],"subcomponents":["PillsInput.Field"],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"PillsInput.Field","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/pills-input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"PillsInputField","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/pills-input-field/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"PinInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pin-input/","props":[{"name":"ariaLabel","required":false,"source":"component","description":"`aria-label` attribute","typeRef":253},{"name":"attributes","required":false,"source":"component","typeRef":310},{"name":"error","required":false,"source":"component","literalValues":[false,true],"description":"Sets `aria-invalid` attribute and applies error styles to all inputs","typeRef":238},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value to set `gap` between inputs, numbers are converted to rem","typeRef":131},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":170},{"name":"inputType","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"description":"Inputs `type` attribute, inferred from the `type` prop if not specified","typeRef":171},{"name":"length","required":false,"source":"component","description":"Number of inputs","typeRef":250},{"name":"manageFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be moved automatically to the next input once filled","typeRef":238},{"name":"success","required":false,"source":"component","literalValues":[false,true],"description":"Applies success styles to all inputs","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Popover","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover/","props":[{"name":"arrowOffset","required":false,"source":"component","description":"Arrow offset in px","typeRef":250},{"name":"arrowPosition","required":false,"source":"component","literalValues":["center","merge","side"],"description":"Arrow position","typeRef":19},{"name":"arrowRadius","required":false,"source":"component","description":"Arrow `border-radius` in px","typeRef":250},{"name":"arrowSize","required":false,"source":"component","description":"Arrow size in px","typeRef":250},{"name":"attributes","required":false,"source":"component","typeRef":290},{"name":"clickOutsideEvents","required":false,"source":"component","description":"Events that trigger outside clicks","typeRef":259},{"name":"closeOnClickOutside","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dropdown should be closed on outside clicks","typeRef":238},{"name":"closeOnEscape","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dropdown should be closed when `Escape` key is pressed","typeRef":238},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Initial opened state for uncontrolled component","typeRef":238},{"name":"floatingStrategy","required":false,"source":"component","literalValues":["absolute","fixed"],"description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","typeRef":24},{"name":"hideDetached","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","typeRef":238},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead.","typeRef":238},{"name":"keepMountedMode","required":false,"source":"component","literalValues":["activity","display-none"],"description":"Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles","typeRef":5},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling","typeRef":158},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled dropdown opened state","typeRef":238},{"name":"overlayProps","required":false,"source":"component","description":"Props passed down to `Overlay` component","typeRef":80},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Dropdown position relative to the target element","typeRef":37},{"name":"preventPositionChangeWhenVisible","required":false,"source":"component","literalValues":[false,true],"description":"If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change.","typeRef":238},{"name":"returnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be automatically returned to control when dropdown closes","typeRef":238},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component. Use to configure duration and animation type.","typeRef":153},{"name":"trapFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be trapped within dropdown","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withArrow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether component should have an arrow","typeRef":238},{"name":"withOverlay","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the overlay should be displayed when the dropdown is opened","typeRef":238},{"name":"withRoles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dropdown and target elements should have accessible roles","typeRef":238}],"blockedProps":[],"subcomponents":["Popover.ContextMenu","Popover.Dropdown","Popover.Target"],"bind":{"type":"boolean","initialProp":"defaultChecked"},"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Popover.ContextMenu","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover/","props":[{"name":"longPressDelay","required":false,"source":"component","description":"Delay in ms before a touch long-press opens the dropdown on touch devices, `500` by default","typeRef":250}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Popover.Dropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Popover.Target","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover/","props":[{"name":"popupType","required":false,"source":"component","description":"Popup accessible type","typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"PopoverContextMenu","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover-context-menu/","props":[{"name":"longPressDelay","required":false,"source":"component","description":"Delay in ms before a touch long-press opens the dropdown on touch devices, `500` by default","typeRef":250}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"PopoverDropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover-dropdown/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"PopoverTarget","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover-target/","props":[{"name":"popupType","required":false,"source":"component","description":"Popup accessible type","typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Portal","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/portal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Can render outside the widget root"},{"name":"Progress","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress/","props":[{"name":"animated","required":false,"source":"component","literalValues":[false,true],"description":"If set, the sections stripes are animated (automatically enables striped)","typeRef":238},{"name":"attributes","required":false,"source":"component","typeRef":323},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts label text color based on section background color for readability","typeRef":238},{"name":"striped","required":false,"source":"component","literalValues":[false,true],"description":"If set, the section has stripes","typeRef":238},{"name":"transitionDuration","required":false,"source":"component","description":"Controls sections width transition duration, value is specified in ms","typeRef":250},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":["Progress.Label","Progress.Root","Progress.Section"],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"Progress.Label","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"Progress.Root","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress/","props":[{"name":"attributes","required":false,"source":"component","typeRef":323},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts label text color based on section background color for readability","typeRef":238},{"name":"transitionDuration","required":false,"source":"component","description":"Controls sections width transition duration, value is specified in ms","typeRef":250},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"Progress.Section","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress/","props":[{"name":"animated","required":false,"source":"component","literalValues":[false,true],"description":"If set, the sections stripes are animated, `striped` prop is ignored","typeRef":238},{"name":"striped","required":false,"source":"component","literalValues":[false,true],"description":"If set, the section has stripes","typeRef":238},{"name":"withAria","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether `aria-*` props should be added to the root element","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"ProgressLabel","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress-label/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"ProgressRoot","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress-root/","props":[{"name":"attributes","required":false,"source":"component","typeRef":323},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts label text color based on section background color for readability","typeRef":238},{"name":"transitionDuration","required":false,"source":"component","description":"Controls sections width transition duration, value is specified in ms","typeRef":250},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"ProgressSection","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress-section/","props":[{"name":"animated","required":false,"source":"component","literalValues":[false,true],"description":"If set, the sections stripes are animated, `striped` prop is ignored","typeRef":238},{"name":"striped","required":false,"source":"component","literalValues":[false,true],"description":"If set, the section has stripes","typeRef":238},{"name":"withAria","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether `aria-*` props should be added to the root element","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"RadarChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/radar-chart/","props":[{"name":"activeDotProps","required":false,"source":"component","description":"Props passed down to all active dots. Ignored if `withDots={false}` is set.","typeRef":127},{"name":"attributes","required":false,"source":"component","typeRef":331},{"name":"data","required":true,"source":"component","description":"Data used in the chart","typeRef":176},{"name":"dataKey","required":true,"source":"component","description":"Key of the `data` object for axis values","typeRef":253},{"name":"dotProps","required":false,"source":"component","description":"Props passed down to all dots. Ignored if `withDots={false}` is set.","typeRef":127},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the grid lines. By default, color depends on the color scheme.","typeRef":113},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to recharts Legend component","typeRef":135},{"name":"polarAngleAxisProps","required":false,"source":"component","description":"Props passed down to recharts PolarAngleAxis component","typeRef":136},{"name":"polarGridProps","required":false,"source":"component","description":"Props passed down to recharts PolarGrid component","typeRef":137},{"name":"polarRadiusAxisProps","required":false,"source":"component","description":"Props passed down to recharts PolarRadiusAxis component","typeRef":138},{"name":"radarChartProps","required":false,"source":"component","description":"Props passed down to recharts RadarChart component","typeRef":81},{"name":"series","required":true,"source":"component","description":"Determines which data should be consumed from the `data` array.","typeRef":166},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of all text elements. By default, color depends on the color scheme.","typeRef":113},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip position animation duration in ms","typeRef":250},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to recharts Tooltip component","typeRef":142},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withDots","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dots should be displayed","typeRef":238},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the legend should be displayed","typeRef":238},{"name":"withPolarAngleAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether PolarAngleAxis component should be displayed","typeRef":238},{"name":"withPolarGrid","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether PolarGrid component should be displayed","typeRef":238},{"name":"withPolarRadiusAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether PolarRadiusAxisProps component should be displayed","typeRef":238},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether Tooltip component should be displayed","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"RadialBarChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/radial-bar-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":333},{"name":"barSize","required":false,"source":"component","description":"Size of bars in px, `20` by default","typeRef":250},{"name":"data","required":true,"source":"component","description":"Chart data","typeRef":176},{"name":"dataKey","required":true,"source":"component","description":"Key from data object to use as data key","typeRef":253},{"name":"emptyBackgroundColor","required":false,"source":"component","description":"Color of the empty background, by default depends on the color scheme","typeRef":253},{"name":"endAngle","required":false,"source":"component","description":"Angle at which chart ends","typeRef":250},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to recharts Legend component","typeRef":135},{"name":"radialBarChartProps","required":false,"source":"component","description":"Props passed down to recharts RadarChartChart component","typeRef":81},{"name":"radialBarProps","required":false,"source":"component","description":"Props passed down to recharts RadialBar component","typeRef":139},{"name":"startAngle","required":false,"source":"component","description":"Angle at which chart starts","typeRef":250},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to `Tooltip` recharts component","typeRef":142},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withBackground","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether empty bars area should be visible","typeRef":238},{"name":"withLabels","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether labels should be displayed","typeRef":238},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the legend should be displayed","typeRef":238},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed when one of the bars is hovered","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Radio","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio/","props":[{"name":"attributes","required":false,"source":"component","typeRef":267},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":238},{"name":"description","required":false,"source":"component","description":"Description displayed below the label","typeRef":172},{"name":"error","required":false,"source":"component","description":"Error displayed below the label","typeRef":172},{"name":"iconColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of theme.colors or any valid CSS color to set icon color. When not set, icon color is determined automatically based on theme.autoContrast setting","typeRef":113},{"name":"label","required":false,"source":"component","description":"Content of the `label` associated with the radio","typeRef":172},{"name":"labelPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the label relative to the input","typeRef":36},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"If set, applies error styles to the radio when `error` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":83}],"blockedProps":[],"subcomponents":["Radio.Card","Radio.Group","Radio.Indicator"],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Radio.Card","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio/","props":[{"name":"attributes","required":false,"source":"component","typeRef":281},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Radio.Group","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio/","props":[{"name":"attributes","required":false,"source":"component","typeRef":317},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelElement","required":false,"source":"component","literalValues":["div","label"],"description":"Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually.","typeRef":22},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the `Input.Wrapper`","typeRef":83}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Radio.Indicator","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio/","props":[{"name":"attributes","required":false,"source":"component","typeRef":294},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":238},{"name":"iconColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of theme.colors or any valid CSS color to set icon color. When not set, icon color is determined automatically based on theme.autoContrast setting","typeRef":113},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"RadioCard","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio-card/","props":[{"name":"attributes","required":false,"source":"component","typeRef":281},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"RadioGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":317},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelElement","required":false,"source":"component","literalValues":["div","label"],"description":"Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually.","typeRef":22},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the `Input.Wrapper`","typeRef":83}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"RadioIcon","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio-icon/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"RadioIndicator","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio-indicator/","props":[{"name":"attributes","required":false,"source":"component","typeRef":294},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":238},{"name":"iconColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of theme.colors or any valid CSS color to set icon color. When not set, icon color is determined automatically based on theme.autoContrast setting","typeRef":113},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"RangeSlider","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/range-slider/","props":[{"name":"attributes","required":false,"source":"component","typeRef":315},{"name":"domain","required":false,"source":"component","description":"Domain of the slider, defines the selectable value range independently of min/max. Useful when you want to display a wider track range (min/max) but restrict actual selection to a subset (domain).","typeRef":231},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":170},{"name":"inverted","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether track values representation should be inverted","typeRef":238},{"name":"labelAlwaysOn","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the label should be visible when the slider is not being dragged or hovered","typeRef":238},{"name":"labelTransitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component","typeRef":153},{"name":"marks","required":false,"source":"component","description":"Marks displayed on the track","typeRef":185},{"name":"maxRange","required":false,"source":"component","description":"Maximum range interval","typeRef":250},{"name":"minRange","required":false,"source":"component","description":"Minimal range interval between the two thumbs. Consider this value relative to the total range (max - min).","typeRef":250},{"name":"precision","required":false,"source":"component","description":"Number of significant digits after the decimal point","typeRef":250},{"name":"pushOnOverlap","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the other thumb should be pushed by the current thumb dragging when `minRange`/`maxRange` is reached","typeRef":238},{"name":"restrictToMarks","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the selection should be only allowed from the given marks array","typeRef":238},{"name":"showLabelOnHover","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the label should be displayed when the slider is hovered","typeRef":238},{"name":"thumbChildren","required":false,"source":"component","description":"Content rendered inside thumb","typeRef":172},{"name":"thumbFromLabel","required":false,"source":"component","description":"First thumb `aria-label`","typeRef":253},{"name":"thumbLabel","required":false,"source":"component","description":"`aria-label` for both thumbs (overridden by thumbFromLabel/thumbToLabel if provided)","typeRef":253},{"name":"thumbSize","required":false,"source":"component","description":"Thumb `width` and `height`, by default value is computed based on `size` prop","typeRef":256},{"name":"thumbToLabel","required":false,"source":"component","description":"Second thumb `aria-label`","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"bind":{"type":"number[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Rating","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/rating/","props":[{"name":"allowClear","required":false,"source":"component","literalValues":[false,true],"description":"When true, clicking the same rating value clears the rating to 0, default is false","typeRef":238},{"name":"attributes","required":false,"source":"component","typeRef":300},{"name":"count","required":false,"source":"component","description":"Number of rating items (stars), default is 5","typeRef":250},{"name":"fractions","required":false,"source":"component","description":"Number of fractions each item can be divided into, default is 1","typeRef":250},{"name":"highlightSelectedOnly","required":false,"source":"component","literalValues":[false,true],"description":"When true, only the clicked rating item is highlighted, not all items up to the selected value, default is false","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"bind":{"type":"number","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"RecursiveList","package":"@homarr/widgets","category":"content","safety":"wrapped","description":"Renders an arbitrary-depth tree through a bounded, Homarr-owned traversal.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"childrenPath","source":"component","required":true,"typeRef":253},{"name":"data","source":"component","required":true,"typeRef":261},{"name":"defaultExpandedDepth","source":"component","required":false,"typeRef":250},{"name":"gap","source":"component","required":false,"typeRef":131},{"name":"indent","source":"component","required":false,"typeRef":131},{"name":"keyPath","source":"component","required":true,"typeRef":253},{"name":"maxDepth","source":"component","required":false,"typeRef":250},{"name":"maxNodes","source":"component","required":false,"typeRef":250},{"name":"showLines","source":"component","required":false,"typeRef":233}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"RefreshButton","package":"@homarr/widgets","category":"network","safety":"wrapped","description":"Refreshes load-triggered widget queries.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"label","source":"component","required":false,"typeRef":253},{"name":"size","source":"component","required":false,"typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Action labels must describe their effect; destructive actions require confirmation."]},{"name":"RemoveScroll","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/remove-scroll/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Changes global page scrolling"},{"name":"RingProgress","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/ring-progress/","props":[{"name":"attributes","required":false,"source":"component","typeRef":324},{"name":"label","required":false,"source":"component","description":"Label displayed in the center of the ring","typeRef":172},{"name":"rootColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the unfilled portion of the ring (background). Defaults to gray-2 in light mode, dark-4 in dark mode","typeRef":113},{"name":"roundCaps","required":false,"source":"component","literalValues":[false,true],"description":"Applies rounded line caps to the start and end of visible sections","typeRef":238},{"name":"sectionGap","required":false,"source":"component","description":"Gap between sections in degrees. Reduces the visual size of each section","typeRef":250},{"name":"sections","required":true,"source":"component","description":"Array of sections to display in the ring. Each section should have a `value` (0-100), `color`, and optional `tooltip`. Sections can also receive any valid SVG circle element props.","typeRef":180},{"name":"startAngle","required":false,"source":"component","description":"Starting angle in degrees. 0 = right, 90 = bottom, 180 = left, 270 = top","typeRef":250},{"name":"thickness","required":false,"source":"component","description":"Ring thickness in pixels. Cannot exceed size / 4 and will be automatically clamped if necessary","typeRef":250},{"name":"transitionDuration","required":false,"source":"component","description":"Transition duration in milliseconds for section value and color changes","typeRef":250},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"RollingNumber","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/rolling-number/","props":[{"name":"animationDuration","required":false,"source":"component","description":"Animation duration in milliseconds","typeRef":250},{"name":"attributes","required":false,"source":"component","typeRef":349},{"name":"decimalScale","required":false,"source":"component","description":"Number of decimal places to display","typeRef":250},{"name":"decimalSeparator","required":false,"source":"component","description":"Character used as a decimal separator","typeRef":253},{"name":"fixedDecimalScale","required":false,"source":"component","literalValues":[false,true],"description":"If set, trailing zeros are added to match `decimalScale`","typeRef":238},{"name":"suffix","required":false,"source":"component","description":"Suffix added after the value","typeRef":253},{"name":"tabularNumbers","required":false,"source":"component","literalValues":[false,true],"description":"If set, use tabular (monospace) numbers","typeRef":238},{"name":"thousandSeparator","required":false,"source":"component","description":"Character used to separate thousands, set to `true` for `,`","typeRef":255},{"name":"timingFunction","required":false,"source":"component","description":"CSS timing function for animation","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withLiveRegion","required":false,"source":"component","literalValues":[false,true],"description":"If set, the root element acts as an `aria-live=\"polite\"` region (`role=\"status\"`) and screen readers announce every value change. When `false`, the root uses `role=\"img\"` so the current value is still accessible but updates are not announced.","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"SankeyChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/sankey-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":361},{"name":"colors","required":false,"source":"component","description":"An array of colors used for nodes when no `color` is set on individual nodes","typeRef":114},{"name":"data","required":true,"source":"component","description":"Data used to render chart, must include `nodes` and `links` arrays","typeRef":181},{"name":"iterations","required":false,"source":"component","description":"The number of relaxation iterations","typeRef":250},{"name":"linkColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Default color for links, by default depends on color scheme","typeRef":113},{"name":"linkCurvature","required":false,"source":"component","description":"The curvature of links between nodes","typeRef":250},{"name":"linkOpacity","required":false,"source":"component","description":"Opacity of the link fill","typeRef":250},{"name":"nodeColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Default color for nodes, by default depends on color scheme","typeRef":113},{"name":"nodePadding","required":false,"source":"component","description":"The padding between nodes","typeRef":250},{"name":"nodeWidth","required":false,"source":"component","description":"The width of each node","typeRef":250},{"name":"sankeyProps","required":false,"source":"component","description":"Props passed down to recharts `Sankey` component","typeRef":150},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls text color of labels","typeRef":113},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip animation duration in ms","typeRef":250},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to `Tooltip` recharts component","typeRef":142},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed when hovered","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"ScatterChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/scatter-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":326},{"name":"data","required":true,"source":"component","description":"Data that is used to build the chart","typeRef":182},{"name":"dataKey","required":true,"source":"component","description":"Keys that should be used to retrieve data from the data array on x and y axis","typeRef":370},{"name":"gridAxis","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which lines should be displayed in the grid, `'x'` by default","typeRef":48},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the grid and cursor lines, by default depends on color scheme","typeRef":113},{"name":"gridProps","required":false,"source":"component","description":"Props passed down to the `CartesianGrid` component","typeRef":134},{"name":"labels","required":false,"source":"component","description":"Labels that should be used instead of keys names in the tooltip","typeRef":372},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to the `Legend` component","typeRef":135},{"name":"pointLabels","required":false,"source":"component","literalValues":["x","y"],"description":"If set, displays labels next to points for the given axis","typeRef":62},{"name":"referenceLines","required":false,"source":"component","description":"Reference lines that should be displayed on the chart","typeRef":103},{"name":"rightYAxisLabel","required":false,"source":"component","description":"A label to display next to the right y-axis","typeRef":253},{"name":"rightYAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component rendered on the right side","typeRef":144},{"name":"scatterChartProps","required":false,"source":"component","description":"Props passed down to recharts `ScatterChart` component","typeRef":72},{"name":"scatterProps","required":false,"source":"component","description":"Props passed down to recharts `Scatter` component","typeRef":152},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the text displayed inside the chart, `'dimmed'` by default","typeRef":113},{"name":"tickLine","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which axis should have tick line, `'y'` by default","typeRef":48},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip position animation duration in ms, `0` by default","typeRef":250},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip` component","typeRef":142},{"name":"unit","required":false,"source":"component","description":"Units displayed after value on axis and inside the tooltip","typeRef":372},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart legend should be displayed, `false` by default","typeRef":238},{"name":"withRightYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default","typeRef":238},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart tooltip should be displayed, `true` by default","typeRef":238},{"name":"withXAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether x-axis should be displayed, `true` by default","typeRef":238},{"name":"withYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether y-axis should be displayed, `true` by default","typeRef":238},{"name":"xAxisLabel","required":false,"source":"component","description":"A label to display below the x-axis","typeRef":253},{"name":"xAxisProps","required":false,"source":"component","description":"Props passed down to the `XAxis` recharts component","typeRef":143},{"name":"yAxisLabel","required":false,"source":"component","description":"A label to display next to the y-axis","typeRef":253},{"name":"yAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component","typeRef":144}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"ScrollArea","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/scroll-area/","props":[{"name":"attributes","required":false,"source":"component","typeRef":287},{"name":"offsetScrollbars","required":false,"source":"component","literalValues":[false,"present",true,"x","y"],"description":"Determines whether scrollbars should be offset with padding on given axis - `true` - adds padding to offset both scrollbars (always) - `'x'` - adds padding to offset horizontal scrollbar (always) - `'y'` - adds padding to offset vertical scrollbar (always) - `'present'` - adds padding only when scrollbars are visible (dynamic)","typeRef":248},{"name":"overscrollBehavior","required":false,"source":"component","literalValues":["-moz-initial","auto","contain","inherit","initial","none","revert","revert-layer","unset"],"description":"Defines `overscroll-behavior` of the viewport","typeRef":164},{"name":"scrollHideDelay","required":false,"source":"component","description":"Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll`","typeRef":250},{"name":"scrollbarSize","required":false,"source":"component","description":"Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 12px (0.75rem)","typeRef":256},{"name":"scrollbars","required":false,"source":"component","literalValues":[false,"x","xy","y"],"description":"Axis at which scrollbars must be rendered - `'x'` - horizontal scrollbar only - `'y'` - vertical scrollbar only - `'xy'` - both scrollbars - `false` - no scrollbars rendered (content remains scrollable via mouse/touch)","typeRef":237},{"name":"startScrollPosition","required":false,"source":"component","description":"Initial scroll position set on mount","typeRef":371},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"viewportProps","required":false,"source":"component","description":"Props passed down to the viewport element","typeRef":168}],"blockedProps":[],"subcomponents":["ScrollArea.Autosize"],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"ScrollArea.Autosize","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/scroll-area/","props":[{"name":"attributes","required":false,"source":"component","typeRef":287},{"name":"offsetScrollbars","required":false,"source":"component","literalValues":[false,"present",true,"x","y"],"description":"Determines whether scrollbars should be offset with padding on given axis - `true` - adds padding to offset both scrollbars (always) - `'x'` - adds padding to offset horizontal scrollbar (always) - `'y'` - adds padding to offset vertical scrollbar (always) - `'present'` - adds padding only when scrollbars are visible (dynamic)","typeRef":248},{"name":"overscrollBehavior","required":false,"source":"component","literalValues":["-moz-initial","auto","contain","inherit","initial","none","revert","revert-layer","unset"],"description":"Defines `overscroll-behavior` of the viewport","typeRef":164},{"name":"scrollHideDelay","required":false,"source":"component","description":"Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll`","typeRef":250},{"name":"scrollbarSize","required":false,"source":"component","description":"Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 12px (0.75rem)","typeRef":256},{"name":"scrollbars","required":false,"source":"component","literalValues":[false,"x","xy","y"],"description":"Axis at which scrollbars must be rendered - `'x'` - horizontal scrollbar only - `'y'` - vertical scrollbar only - `'xy'` - both scrollbars - `false` - no scrollbars rendered (content remains scrollable via mouse/touch)","typeRef":237},{"name":"startScrollPosition","required":false,"source":"component","description":"Initial scroll position set on mount","typeRef":371},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"viewportProps","required":false,"source":"component","description":"Props passed down to the viewport element","typeRef":168}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"ScrollAreaAutosize","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/scroll-area-autosize/","props":[{"name":"attributes","required":false,"source":"component","typeRef":287},{"name":"offsetScrollbars","required":false,"source":"component","literalValues":[false,"present",true,"x","y"],"description":"Determines whether scrollbars should be offset with padding on given axis - `true` - adds padding to offset both scrollbars (always) - `'x'` - adds padding to offset horizontal scrollbar (always) - `'y'` - adds padding to offset vertical scrollbar (always) - `'present'` - adds padding only when scrollbars are visible (dynamic)","typeRef":248},{"name":"overscrollBehavior","required":false,"source":"component","literalValues":["-moz-initial","auto","contain","inherit","initial","none","revert","revert-layer","unset"],"description":"Defines `overscroll-behavior` of the viewport","typeRef":164},{"name":"scrollHideDelay","required":false,"source":"component","description":"Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll`","typeRef":250},{"name":"scrollbarSize","required":false,"source":"component","description":"Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 12px (0.75rem)","typeRef":256},{"name":"scrollbars","required":false,"source":"component","literalValues":[false,"x","xy","y"],"description":"Axis at which scrollbars must be rendered - `'x'` - horizontal scrollbar only - `'y'` - vertical scrollbar only - `'xy'` - both scrollbars - `false` - no scrollbars rendered (content remains scrollable via mouse/touch)","typeRef":237},{"name":"startScrollPosition","required":false,"source":"component","description":"Initial scroll position set on mount","typeRef":371},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"viewportProps","required":false,"source":"component","description":"Props passed down to the viewport element","typeRef":168}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Scroller","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/scroller/","props":[{"name":"attributes","required":false,"source":"component","typeRef":284},{"name":"controlSize","required":false,"source":"component","description":"Size of the control buttons,","typeRef":256},{"name":"edgeGradientColor","required":false,"source":"component","description":"Background color for the gradient fade on controls, `'var(--mantine-color-body)'` by default","typeRef":253},{"name":"endControlIcon","required":false,"source":"component","description":"Icon component for the end control, AccordionChevron by default","typeRef":172},{"name":"endControlProps","required":false,"source":"component","description":"Props passed to the end control button","typeRef":167},{"name":"scrollAmount","required":false,"source":"component","description":"Amount of pixels to scroll when clicking the control buttons, `200` by default","typeRef":250},{"name":"showEndControl","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether end control should always be visible regardless of scroll position, `false` by default","typeRef":238},{"name":"showStartControl","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether start control should always be visible regardless of scroll position, `false` by default","typeRef":238},{"name":"startControlIcon","required":false,"source":"component","description":"Icon component for the start control, AccordionChevron by default","typeRef":172},{"name":"startControlProps","required":false,"source":"component","description":"Props passed to the start control button","typeRef":167},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"SegmentedControl","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/segmented-control/","props":[{"name":"attributes","required":false,"source":"component","typeRef":298},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, automatically adjusts label text color for optimal contrast against the indicator background color","typeRef":238},{"name":"data","required":true,"source":"component","description":"Data based on which controls are rendered","typeRef":88},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the component should take 100% width of its parent","typeRef":238},{"name":"transitionDuration","required":false,"source":"component","description":"Indicator `transition-duration` in ms, set `0` to turn off transitions","typeRef":250},{"name":"transitionTimingFunction","required":false,"source":"component","description":"Indicator `transition-timing-function` property","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withItemsBorders","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether there should be borders between items","typeRef":238}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Select","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/select/","props":[{"name":"allowDeselect","required":false,"source":"component","literalValues":[false,true],"description":"Allows deselecting the selected option by clicking it","typeRef":238},{"name":"attributes","required":false,"source":"component","typeRef":296},{"name":"autoSelectOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"Automatically selects the highlighted option when input loses focus","typeRef":238},{"name":"checkIconPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the check icon relative to the option label","typeRef":36},{"name":"chevronColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the default chevron, by default depends on the color scheme","typeRef":113},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":121},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":11},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"Displays clear button in the right section when component has value","typeRef":238},{"name":"comboboxProps","required":false,"source":"component","description":"Props passed down to `Combobox` component","typeRef":107},{"name":"data","required":false,"source":"component","description":"Data used to generate options. Values must be unique, otherwise an error will be thrown and component will not render.","typeRef":105},{"name":"defaultDropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled dropdown initial opened state","typeRef":238},{"name":"defaultSearchValue","required":false,"source":"component","description":"Default search value","typeRef":253},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"dropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled dropdown opened state","typeRef":238},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"floatingHeight","required":false,"source":"component","literalValues":["viewport"],"description":"If set to `'viewport'`, the dropdown grows to fill the available vertical space in the viewport. Disables the `flip` middleware.","typeRef":60},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":140},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"limit","required":false,"source":"component","description":"Maximum number of options displayed at a time, `Infinity` by default","typeRef":250},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"maxDropdownHeight","required":false,"source":"component","description":"`max-height` of the dropdown, only applicable when `withScrollArea` prop is `true`, `250` by default","typeRef":256},{"name":"nothingFoundMessage","required":false,"source":"component","description":"Message displayed when no options match the search query or when there is no data","typeRef":172},{"name":"openOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Opens dropdown when input receives focus (requires searchable={true})","typeRef":238},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":238},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed down to the underlying `ScrollArea` component in the dropdown","typeRef":183},{"name":"searchValue","required":false,"source":"component","description":"Controlled search value","typeRef":253},{"name":"searchable","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the select should be searchable","typeRef":238},{"name":"selectFirstOptionOnChange","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when value changes, `false` by default","typeRef":238},{"name":"selectFirstOptionOnDropdownOpen","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when dropdown opens, `false` by default","typeRef":238},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAlignedLabels","required":false,"source":"component","literalValues":[false,true],"description":"Aligns unchecked labels with the checked one","typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withCheckIcon","required":false,"source":"component","literalValues":[false,true],"description":"Displays check icon near the selected option label","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withScrollArea","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the options should be wrapped with `ScrollArea.AutoSize`, `true` by default","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"SemiCircleProgress","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/semi-circle-progress/","props":[{"name":"attributes","required":false,"source":"component","typeRef":325},{"name":"emptySegmentColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color value","typeRef":113},{"name":"fillDirection","required":false,"source":"component","literalValues":["left-to-right","right-to-left"],"description":"Direction from which the circle is filled","typeRef":51},{"name":"filledSegmentColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color value","typeRef":113},{"name":"label","required":false,"source":"component","description":"Label rendered inside the circle","typeRef":172},{"name":"labelPosition","required":false,"source":"component","literalValues":["bottom","center"],"description":"Label position relative to the circle center","typeRef":17},{"name":"thickness","required":false,"source":"component","description":"Stroke width of the circle segments in px","typeRef":250},{"name":"transitionDuration","required":false,"source":"component","description":"Transition duration for the filled segment progress changes in ms. Does not affect color transitions","typeRef":250},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"SimpleGrid","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/simple-grid/","props":[{"name":"attributes","required":false,"source":"component","typeRef":346},{"name":"autoFlow","required":false,"source":"component","literalValues":["auto-fill","auto-fit"],"description":"Grid repeat type when minColWidth is set","typeRef":9},{"name":"autoRows","required":false,"source":"component","description":"Sets the size of implicitly created grid rows","typeRef":253},{"name":"minColWidth","required":false,"source":"component","description":"Minimum column width when using auto-fit/auto-fill. When set, cols prop is ignored","typeRef":256},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"verticalSpacing","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Spacing between rows. When not set, falls back to spacing value","typeRef":193}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Skeleton","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/skeleton/","props":[{"name":"animate","required":false,"source":"component","literalValues":[false,true],"description":"Enables animation","typeRef":238},{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"circle","required":false,"source":"component","literalValues":[false,true],"description":"If set, Skeleton `width` and `border-radius` are equal to its `height`","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"visible","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether Skeleton overlay should be displayed","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"Slider","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/slider/","props":[{"name":"attributes","required":false,"source":"component","typeRef":315},{"name":"domain","required":false,"source":"component","description":"Domain of the slider, defines the selectable value range independently of min/max. Useful when you want to display a wider track range (min/max) but restrict actual selection to a subset (domain).","typeRef":231},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":170},{"name":"inverted","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether track value representation should be inverted","typeRef":238},{"name":"labelAlwaysOn","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the label should be visible when the slider is not being dragged or hovered","typeRef":238},{"name":"labelTransitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component","typeRef":153},{"name":"marks","required":false,"source":"component","description":"Marks displayed on the track","typeRef":185},{"name":"precision","required":false,"source":"component","description":"Number of significant digits after the decimal point","typeRef":250},{"name":"restrictToMarks","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the selection should be only allowed from the given marks array","typeRef":238},{"name":"showLabelOnHover","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the label should be displayed when the slider is hovered","typeRef":238},{"name":"startPointValue","required":false,"source":"component","description":"Value at which the filled bar starts. When set, the bar extends from this point toward the current value. Ignored when `inverted` is set.","typeRef":250},{"name":"thumbChildren","required":false,"source":"component","description":"Content rendered inside thumb","typeRef":172},{"name":"thumbLabel","required":false,"source":"component","description":"Thumb `aria-label`","typeRef":253},{"name":"thumbProps","required":false,"source":"component","description":"Props passed down to thumb element","typeRef":168},{"name":"thumbSize","required":false,"source":"component","description":"Thumb `width` and `height`, by default value is computed based on `size` prop","typeRef":256},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"bind":{"type":"number","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Space","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/space/","props":[{"name":"attributes","required":false,"source":"component","typeRef":260},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Sparkline","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/sparkline/","props":[{"name":"areaProps","required":false,"source":"component","description":"Props passed down to the underlying recharts `Area` component","typeRef":133},{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"connectNulls","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether null values should be connected with other values","typeRef":238},{"name":"curveType","required":false,"source":"component","literalValues":["bump","linear","monotone","natural","step","stepAfter","stepBefore"],"description":"Type of the curve","typeRef":54},{"name":"data","required":true,"source":"component","description":"Data used to render the chart","typeRef":89},{"name":"trendColors","required":false,"source":"component","description":"If set, `color` prop is ignored and chart color is determined by the difference between first and last value.","typeRef":186},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withGradient","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the chart fill should be a gradient","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Splitter","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/splitter/","props":[{"name":"attributes","required":false,"source":"component","typeRef":359},{"name":"handleColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color for the separator line","typeRef":113},{"name":"handleIcon","required":false,"source":"component","description":"Custom icon displayed in the handle thumb, by default uses grip icon based on orientation","typeRef":172},{"name":"lineSize","required":false,"source":"component","description":"CSS value for separator line thickness between panes","typeRef":256},{"name":"resetOnDoubleClick","required":false,"source":"component","literalValues":[false,true],"description":"Restore the two panes adjacent to a handle to their default ratio (preserving their combined size) when the handle is double-clicked","typeRef":238},{"name":"shiftStep","required":false,"source":"component","description":"Shift+arrow step size, a `number`/`%` is a percentage, `px`/`rem` is resolved to pixels","typeRef":189},{"name":"sizes","required":false,"source":"component","description":"Controlled sizes, each value keeps the unit it was declared in (number/`%` flexible, `px`/`rem` fixed)","typeRef":188},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withHandle","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the thumb with grip icon is displayed on the handle","typeRef":238}],"blockedProps":[],"subcomponents":["Splitter.Pane"],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Splitter.Pane","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/splitter/","props":[{"name":"collapseThreshold","required":false,"source":"component","description":"Size below which the pane snaps to collapsed, defaults to `min`","typeRef":187},{"name":"collapsible","required":false,"source":"component","literalValues":[false,true],"description":"Whether this pane can be collapsed","typeRef":238},{"name":"defaultSize","required":true,"source":"component","description":"Initial size, a `number`/`%` is a flexible size (shares leftover space), `px`/`rem` is a fixed size. A bare number is treated as a percentage.","typeRef":187}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"SplitterPane","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/splitter-pane/","props":[{"name":"collapseThreshold","required":false,"source":"component","description":"Size below which the pane snaps to collapsed, defaults to `min`","typeRef":187},{"name":"collapsible","required":false,"source":"component","literalValues":[false,true],"description":"Whether this pane can be collapsed","typeRef":238},{"name":"defaultSize","required":true,"source":"component","description":"Initial size, a `number`/`%` is a flexible size (shares leftover space), `px`/`rem` is a fixed size. A bare number is treated as a percentage.","typeRef":187}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Spoiler","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/spoiler/","props":[{"name":"attributes","required":false,"source":"component","typeRef":285},{"name":"defaultExpanded","required":false,"source":"component","literalValues":[false,true],"description":"Initial expanded state in uncontrolled mode. If `true`, content starts expanded. If `false`, content starts collapsed","typeRef":238},{"name":"expanded","required":false,"source":"component","literalValues":[false,true],"description":"Controlled expanded state value","typeRef":238},{"name":"hideAriaLabel","required":false,"source":"component","description":"Accessible label for the toggle button when expanded. If not set, `hideLabel` is used","typeRef":253},{"name":"hideLabel","required":false,"source":"component","description":"Content displayed in the toggle button when content is expanded (to collapse)","typeRef":172},{"name":"maxHeight","required":false,"source":"component","description":"Maximum height of visible content in px. When content exceeds this height, the toggle control appears","typeRef":250},{"name":"showAriaLabel","required":false,"source":"component","description":"Accessible label for the toggle button when collapsed. If not set, `showLabel` is used","typeRef":253},{"name":"showLabel","required":false,"source":"component","description":"Content displayed in the toggle button when content is collapsed (to expand)","typeRef":172},{"name":"transitionDuration","required":false,"source":"component","description":"Spoiler reveal transition duration in ms. Set to 0 to disable animation","typeRef":250},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Stack","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/stack/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value to set `gap` property, numbers are converted to rem","typeRef":131},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"Controls `justify-content` CSS property","typeRef":160},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"StatBar","package":"@homarr/widgets","category":"interaction","safety":"allowed","description":"Displays a compact labeled statistic and progress value.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"label","source":"component","required":false,"typeRef":253},{"name":"max","source":"component","required":false,"typeRef":250},{"name":"value","source":"component","required":true,"typeRef":250}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Stepper","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/stepper/","props":[{"name":"active","required":true,"source":"component","description":"Index of the active step","typeRef":250},{"name":"allowNextStepsSelect","required":false,"source":"component","literalValues":[false,true],"description":"When true, users can click and jump to any step. When false, users can only navigate to completed steps","typeRef":238},{"name":"attributes","required":false,"source":"component","typeRef":288},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"When true, automatically adjusts the icon color in completed steps to ensure sufficient contrast against the step background color","typeRef":238},{"name":"contentPadding","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value to set `padding-top` of the content","typeRef":131},{"name":"iconPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Icon position relative to the step body","typeRef":36},{"name":"iconSize","required":false,"source":"component","description":"Controls size of the step icon, by default icon size is inferred from `size` prop","typeRef":256},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, all step content is kept mounted. React 19 `Activity` is used to preserve state while content is hidden.","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":["Stepper.Completed","Stepper.Step"],"bind":{"type":"number","initialProp":"defaultValue"},"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Stepper.Completed","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/stepper/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Stepper.Step","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/stepper/","props":[{"name":"allowStepClick","required":false,"source":"component","literalValues":[false,true],"description":"Set to false to disable clicks on step","typeRef":238},{"name":"allowStepSelect","required":false,"source":"component","literalValues":[false,true],"description":"Should step selection be allowed","typeRef":238},{"name":"iconPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Icon position relative to step body, controlled by Stepper component","typeRef":36},{"name":"iconSize","required":false,"source":"component","description":"Icon wrapper size","typeRef":256},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Indicates loading state of the step","typeRef":238},{"name":"state","required":false,"source":"component","literalValues":["stepCompleted","stepInactive","stepProgress"],"description":"Step state, automatically set by Stepper component based on active prop. stepInactive: not reached, stepProgress: current, stepCompleted: passed","typeRef":55},{"name":"withIcon","required":false,"source":"component","literalValues":[false,true],"description":"When false, hides the step icon. Useful for creating compact steppers with only labels","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"StepperCompleted","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/stepper-completed/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"StepperStep","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/stepper-step/","props":[{"name":"allowStepClick","required":false,"source":"component","literalValues":[false,true],"description":"Set to false to disable clicks on step","typeRef":238},{"name":"allowStepSelect","required":false,"source":"component","literalValues":[false,true],"description":"Should step selection be allowed","typeRef":238},{"name":"iconPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Icon position relative to step body, controlled by Stepper component","typeRef":36},{"name":"iconSize","required":false,"source":"component","description":"Icon wrapper size","typeRef":256},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Indicates loading state of the step","typeRef":238},{"name":"state","required":false,"source":"component","literalValues":["stepCompleted","stepInactive","stepProgress"],"description":"Step state, automatically set by Stepper component based on active prop. stepInactive: not reached, stepProgress: current, stepCompleted: passed","typeRef":55},{"name":"withIcon","required":false,"source":"component","literalValues":[false,true],"description":"When false, hides the step icon. Useful for creating compact steppers with only labels","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"SubData","package":"@homarr/widgets","category":"network","safety":"wrapped","description":"Reads a nested value from a named manual-query result.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"as","source":"component","required":false,"literalValues":["Text","Title","Badge","Code","Image"],"typeRef":65},{"name":"c","source":"component","required":false,"typeRef":253},{"name":"fit","source":"component","required":false,"typeRef":253},{"name":"fw","source":"component","required":false,"typeRef":250},{"name":"h","source":"component","required":false,"typeRef":256},{"name":"order","source":"component","required":false,"literalValues":[1,2,3,4,5,6],"typeRef":93},{"name":"radius","source":"component","required":false,"typeRef":256},{"name":"size","source":"component","required":false,"typeRef":253},{"name":"w","source":"component","required":false,"typeRef":256}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Action labels must describe their effect; destructive actions require confirmation."]},{"name":"SubFetch","package":"@homarr/widgets","category":"network","safety":"wrapped","description":"Runs a named manual query with invocation-time parameters.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"as","source":"component","required":false,"literalValues":["json","text"],"typeRef":67},{"name":"errorMessage","source":"component","required":false,"typeRef":253},{"name":"fallback","source":"component","required":false,"typeRef":173},{"name":"loadingLabel","source":"component","required":false,"typeRef":253},{"name":"params","source":"component","required":false,"typeRef":179},{"name":"refreshInterval","source":"component","required":false,"typeRef":250},{"name":"requestId","source":"component","required":false,"description":"Identifier of the named Custom Widget query.","typeRef":253},{"name":"trigger","source":"component","required":false,"literalValues":["auto","manual"],"typeRef":66}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Action labels must describe their effect; destructive actions require confirmation."]},{"name":"Switch","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/switch/","props":[{"name":"attributes","required":false,"source":"component","typeRef":266},{"name":"description","required":false,"source":"component","description":"Description displayed below the label","typeRef":172},{"name":"error","required":false,"source":"component","description":"Error displayed below the label","typeRef":172},{"name":"label","required":false,"source":"component","description":"Content of the label associated with the switch","typeRef":172},{"name":"labelPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the label relative to the input","typeRef":36},{"name":"offLabel","required":false,"source":"component","description":"Inner label when the `Switch` is in unchecked state","typeRef":172},{"name":"thumbIcon","required":false,"source":"component","description":"Icon inside the thumb of the switch","typeRef":172},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withThumbIndicator","required":false,"source":"component","literalValues":[false,true],"description":"If set, displays a colored dot inside the thumb that matches the track background color","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":83}],"blockedProps":[],"subcomponents":["Switch.Group"],"bind":{"type":"boolean","initialProp":"defaultChecked"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Switch.Group","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/switch/","props":[{"name":"attributes","required":false,"source":"component","typeRef":317},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input for uncontrolled forms","typeRef":84},{"name":"hiddenInputValuesSeparator","required":false,"source":"component","description":"Separator for values in the hidden input for uncontrolled forms","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelElement","required":false,"source":"component","literalValues":["div","label"],"description":"Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually.","typeRef":22},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"maxSelectedValues","required":false,"source":"component","description":"Maximum number of switches that can be selected. When the limit is reached, unselected switches will be disabled","typeRef":250},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the `Input.Wrapper`","typeRef":83}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"SwitchGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/switch-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":317},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input for uncontrolled forms","typeRef":84},{"name":"hiddenInputValuesSeparator","required":false,"source":"component","description":"Separator for values in the hidden input for uncontrolled forms","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelElement","required":false,"source":"component","literalValues":["div","label"],"description":"Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually.","typeRef":22},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"maxSelectedValues","required":false,"source":"component","description":"Maximum number of switches that can be selected. When the limit is reached, unselected switches will be disabled","typeRef":250},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the `Input.Wrapper`","typeRef":83}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TabPanel","package":"@homarr/widgets","category":"interaction","safety":"allowed","description":"Renders content for one declarative tab.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"label","source":"component","required":false,"typeRef":253},{"name":"value","source":"component","required":true,"typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Table","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"attributes","required":false,"source":"component","typeRef":280},{"name":"borderColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of table borders, key of `theme.colors` or any valid CSS color","typeRef":113},{"name":"captionSide","required":false,"source":"component","literalValues":["bottom","top"],"description":"Side of the `Table.Caption`","typeRef":12},{"name":"data","required":false,"source":"component","description":"Data used to generate table, ignored if `children` prop is set","typeRef":219},{"name":"highlightOnHover","required":false,"source":"component","literalValues":[false,true],"description":"If set, table rows background changes to `highlightOnHoverColor` when hovered","typeRef":238},{"name":"highlightOnHoverColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Background color of table rows when hovered, key of `theme.colors` or any valid CSS color","typeRef":113},{"name":"horizontalSpacing","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Horizontal cells spacing, key of `theme.spacing` or any valid CSS value for padding, numbers are converted to rem","typeRef":131},{"name":"layout","required":false,"source":"component","literalValues":["-moz-initial","auto","fixed","inherit","initial","revert","revert-layer","unset"],"description":"Value of `table-layout` style","typeRef":1},{"name":"stickyHeader","required":false,"source":"component","literalValues":[false,true],"description":"If set, `Table.Thead` is sticky","typeRef":238},{"name":"stickyHeaderOffset","required":false,"source":"component","description":"Offset from top at which `Table.Thead` should become sticky","typeRef":256},{"name":"striped","required":false,"source":"component","literalValues":["even",false,"odd",true],"description":"If set, every odd/even row background changes to `stripedColor`, if set to `true`, then `odd` value will be used","typeRef":242},{"name":"stripedColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Background color of striped rows, key of `theme.colors` or any valid CSS color","typeRef":113},{"name":"tabularNums","required":false,"source":"component","literalValues":[false,true],"description":"If set, `font-variant-numeric: tabular-nums` style is applied","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"verticalSpacing","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Vertical cells spacing, key of `theme.spacing` or any valid CSS value for padding, numbers are converted to rem","typeRef":131},{"name":"withColumnBorders","required":false,"source":"component","literalValues":[false,true],"description":"If set, the table has borders between columns","typeRef":238},{"name":"withRowBorders","required":false,"source":"component","literalValues":[false,true],"description":"If set, the table has borders between rows","typeRef":238},{"name":"withTableBorder","required":false,"source":"component","literalValues":[false,true],"description":"If set, the table has the outer border","typeRef":238}],"blockedProps":[],"subcomponents":["Table.Caption","Table.DataRenderer","Table.ScrollContainer","Table.Tbody","Table.Td","Table.Tfoot","Table.Th","Table.Thead","Table.Tr"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Caption","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.DataRenderer","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"data","required":true,"source":"component","typeRef":219}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.ScrollContainer","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"attributes","required":false,"source":"component","typeRef":363},{"name":"maxHeight","required":false,"source":"component","description":"`max-height` of the `Table` at which it should become scrollable","typeRef":162},{"name":"minWidth","required":false,"source":"component","description":"`min-width` of the `Table` at which it should become scrollable","typeRef":163},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed down to `ScrollArea` component, not applicable with `type=\"native\"`","typeRef":183},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Tbody","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Td","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Tfoot","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Th","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Thead","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Tr","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableCaption","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-caption/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableOfContents","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/table-of-contents/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Observes headings and scrolling outside the widget root"},{"name":"TableScrollContainer","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-scroll-container/","props":[{"name":"attributes","required":false,"source":"component","typeRef":363},{"name":"maxHeight","required":false,"source":"component","description":"`max-height` of the `Table` at which it should become scrollable","typeRef":162},{"name":"minWidth","required":false,"source":"component","description":"`min-width` of the `Table` at which it should become scrollable","typeRef":163},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed down to `ScrollArea` component, not applicable with `type=\"native\"`","typeRef":183},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableTbody","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-tbody/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableTd","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-td/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableTfoot","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-tfoot/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableTh","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-th/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableThead","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-thead/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableTr","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-tr/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TablerIcon","package":"@homarr/widgets","category":"content","safety":"wrapped","description":"Resolves an installed Tabler icon by its safe name.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"name","source":"component","required":true,"typeRef":253},{"name":"size","source":"component","required":false,"typeRef":256},{"name":"stroke","source":"component","required":false,"typeRef":256}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Tabs","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs/","props":[{"name":"activateTabWithKeyboard","required":false,"source":"component","literalValues":[false,true],"description":"If set, tab is activated with arrow key press","typeRef":238},{"name":"allowTabDeactivation","required":false,"source":"component","literalValues":[false,true],"description":"If set, tab can be deactivated","typeRef":238},{"name":"attributes","required":false,"source":"component","typeRef":357},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `pills` variant","typeRef":238},{"name":"inverted","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether tabs should have inverted styles","typeRef":238},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set to `false`, `Tabs.Panel` content will be unmounted when the associated tab is not active","typeRef":238},{"name":"keepMountedMode","required":false,"source":"component","literalValues":["activity","display-none"],"description":"Controls how inactive tabs content is hidden when `keepMounted` is `true`, `'activity'` – hidden with `Activity` component, `'display-none'` – hidden with `display: none` styles","typeRef":5},{"name":"loop","required":false,"source":"component","literalValues":[false,true],"description":"If set, arrow key presses loop though items (first to last and last to first)","typeRef":238},{"name":"placement","required":false,"source":"component","literalValues":["left","right"],"description":"`Tabs.List` placement relative to `Tabs.Panel`, applicable only when `orientation=\"vertical\"`","typeRef":36},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":["Tabs.List","Tabs.Panel","Tabs.Tab"],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Tabs.List","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs/","props":[{"name":"grow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether tabs should take all available space","typeRef":238},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"Tabs alignment","typeRef":160}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Tabs.Panel","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs/","props":[{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the content is kept mounted, even if `keepMounted` is set `false` in the parent `Tabs` component","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Tabs.Tab","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"leftSection","required":false,"source":"component","description":"Content displayed on the left side of the label","typeRef":172},{"name":"rightSection","required":false,"source":"component","description":"Content displayed on the right side of the label","typeRef":172},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TabsContainer","package":"@homarr/widgets","category":"interaction","safety":"allowed","description":"Renders a declarative tab container.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"defaultTab","source":"component","required":false,"typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"TabsList","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs-list/","props":[{"name":"grow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether tabs should take all available space","typeRef":238},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"Tabs alignment","typeRef":160}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TabsPanel","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs-panel/","props":[{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the content is kept mounted, even if `keepMounted` is set `false` in the parent `Tabs` component","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TabsTab","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs-tab/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"leftSection","required":false,"source":"component","description":"Content displayed on the left side of the label","typeRef":172},{"name":"rightSection","required":false,"source":"component","description":"Content displayed on the right side of the label","typeRef":172},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TagsInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tags-input/","props":[{"name":"acceptValueOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"If set, the value typed in by the user but not submitted is accepted when the input is blurred","typeRef":238},{"name":"allowDuplicates","required":false,"source":"component","literalValues":[false,true],"description":"If set, duplicate tags are allowed","typeRef":238},{"name":"attributes","required":false,"source":"component","typeRef":297},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":121},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":11},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, the clear button is displayed in the right section when the component has value","typeRef":238},{"name":"comboboxProps","required":false,"source":"component","description":"Props passed down to `Combobox` component","typeRef":107},{"name":"data","required":false,"source":"component","description":"Data displayed in the dropdown. Values must be unique.","typeRef":106},{"name":"defaultDropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled dropdown initial opened state","typeRef":238},{"name":"defaultSearchValue","required":false,"source":"component","description":"Default search value","typeRef":253},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"dropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled dropdown opened state","typeRef":238},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"floatingHeight","required":false,"source":"component","literalValues":["viewport"],"description":"If set to `'viewport'`, the dropdown grows to fill the available vertical space in the viewport. Disables the `flip` middleware.","typeRef":60},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":140},{"name":"hiddenInputValuesDivider","required":false,"source":"component","description":"Divider used to separate values in the hidden input `value` attribute","typeRef":253},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"limit","required":false,"source":"component","description":"Maximum number of options displayed at a time, `Infinity` by default","typeRef":250},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"maxDropdownHeight","required":false,"source":"component","description":"`max-height` of the dropdown, only applicable when `withScrollArea` prop is `true`, `250` by default","typeRef":256},{"name":"maxTags","required":false,"source":"component","description":"Maximum number of tags","typeRef":250},{"name":"openOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown opens when the input receives focus","typeRef":238},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":238},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed down to the underlying `ScrollArea` component in the dropdown","typeRef":183},{"name":"searchValue","required":false,"source":"component","description":"Controlled search value","typeRef":253},{"name":"selectFirstOptionOnChange","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when value changes, `false` by default","typeRef":238},{"name":"selectFirstOptionOnDropdownOpen","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when dropdown opens, `false` by default","typeRef":238},{"name":"splitChars","required":false,"source":"component","description":"Characters that should trigger tags split, `[',']` by default","typeRef":259},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withPillsReorder","required":false,"source":"component","literalValues":[false,true],"description":"If set, tags can be reordered by dragging pills. Disabled when `disabled` or `readOnly` is set.","typeRef":238},{"name":"withScrollArea","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the options should be wrapped with `ScrollArea.AutoSize`, `true` by default","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Text","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/text/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration, ignored when `variant` is not `gradient`","typeRef":128},{"name":"inherit","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether font properties should be inherited from the parent","typeRef":238},{"name":"inline","required":false,"source":"component","literalValues":[false,true],"description":"Sets `line-height` to 1 for centering","typeRef":238},{"name":"lineClamp","required":false,"source":"component","description":"Number of lines after which Text will be truncated","typeRef":250},{"name":"span","required":false,"source":"component","literalValues":[false,true],"description":"Shorthand for `component=\"span\"`","typeRef":238},{"name":"textWrap","required":false,"source":"component","literalValues":["balance","nowrap","pretty","stable","wrap"],"description":"Controls `text-wrap` CSS property","typeRef":61},{"name":"truncate","required":false,"source":"component","literalValues":["end",false,"start",true],"description":"Side on which Text must be truncated, if `true`, text is truncated from the start","typeRef":241},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TextInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/text-input/","props":[{"name":"attributes","required":false,"source":"component","typeRef":307},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":238},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Textarea","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/textarea/","props":[{"name":"attributes","required":false,"source":"component","typeRef":307},{"name":"autosize","required":false,"source":"component","literalValues":[false,true],"description":"If set, enables textarea height growing with its content","typeRef":238},{"name":"bottomSection","required":false,"source":"component","description":"Content rendered at the bottom of the input, inside the border","typeRef":172},{"name":"bottomSectionProps","required":false,"source":"component","description":"Props passed down to the `bottomSection` element","typeRef":168},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"maxRows","required":false,"source":"component","description":"Maximum rows for autosize textarea to grow, ignored if `autosize` prop is not set","typeRef":250},{"name":"minRows","required":false,"source":"component","description":"Minimum rows of autosize textarea, ignored if `autosize` prop is not set","typeRef":250},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":238},{"name":"resize","required":false,"source":"component","literalValues":["-moz-initial","block","both","horizontal","inherit","initial","inline","none","revert","revert-layer","unset","vertical"],"description":"Controls `resize` CSS property","typeRef":3},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ThemeIcon","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/theme-icon/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":238},{"name":"gradient","required":false,"source":"component","description":"Gradient data used when `variant=\"gradient\"`","typeRef":128},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TimeGrid","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/time-grid/","props":[{"name":"allowDeselect","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the value can be deselected when the current active option is clicked or activated with keyboard","typeRef":238},{"name":"amPmLabels","required":false,"source":"component","description":"Labels used for am/pm values","typeRef":220},{"name":"attributes","required":false,"source":"component","typeRef":348},{"name":"data","required":true,"source":"component","description":"Time data in 24h format to be displayed in the grid, for example `['10:00', '18:30', '22:00']`. Time values must be unique.","typeRef":259},{"name":"maxTime","required":false,"source":"component","description":"All controls after this time are disabled","typeRef":253},{"name":"minTime","required":false,"source":"component","description":"All controls before this time are disabled","typeRef":253},{"name":"simpleGridProps","required":false,"source":"component","description":"Props passed down to the underlying `SimpleGrid` component","typeRef":184},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withSeconds","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the seconds part should be displayed","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"TimeInput","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/time-input/","props":[{"name":"attributes","required":false,"source":"component","typeRef":307},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"maxTime","required":false,"source":"component","description":"Maximum possible string time, if `withSeconds` is true, time should be in format HH:mm:ss, otherwise HH:mm","typeRef":253},{"name":"minTime","required":false,"source":"component","description":"Minimum possible string time, if `withSeconds` is true, time should be in format HH:mm:ss, otherwise HH:mm","typeRef":253},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":238},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withSeconds","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether seconds input should be displayed","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"TimePicker","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/time-picker/","props":[{"name":"amPmInputLabel","required":false,"source":"component","description":"`aria-label` of am/pm input","typeRef":253},{"name":"amPmLabels","required":false,"source":"component","description":"Labels used for am/pm values","typeRef":220},{"name":"amPmSelectProps","required":false,"source":"component","description":"Props passed down to am/pm select","typeRef":85},{"name":"attributes","required":false,"source":"component","typeRef":301},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to clear button","typeRef":73},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":11},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the clear button should be displayed","typeRef":238},{"name":"closeDropdownOnPresetSelect","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is closed when a value is selected from the presets list","typeRef":238},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":84},{"name":"hoursInputLabel","required":false,"source":"component","description":"`aria-label` of hours input","typeRef":253},{"name":"hoursInputProps","required":false,"source":"component","description":"Props passed down to hours input","typeRef":84},{"name":"hoursPlaceholder","required":false,"source":"component","description":"Hours input placeholder,","typeRef":253},{"name":"hoursStep","required":false,"source":"component","description":"Number by which hours are incremented/decremented","typeRef":250},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"maxDropdownContentHeight","required":false,"source":"component","description":"Maximum height of the content displayed in the dropdown in px","typeRef":250},{"name":"minHoursDigits","required":false,"source":"component","description":"Minimum number of digits displayed in the hours input, applicable only when `type=\"duration\"` is set","typeRef":250},{"name":"minutesInputLabel","required":false,"source":"component","description":"`aria-label` of minutes input","typeRef":253},{"name":"minutesInputProps","required":false,"source":"component","description":"Props passed down to minutes input","typeRef":84},{"name":"minutesPlaceholder","required":false,"source":"component","description":"Minutes input placeholder,","typeRef":253},{"name":"minutesStep","required":false,"source":"component","description":"Number by which minutes are incremented/decremented","typeRef":250},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":238},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to `Popover` component","typeRef":159},{"name":"presets","required":false,"source":"component","description":"Time presets to display in the dropdown","typeRef":221},{"name":"reverseTimeControlsList","required":false,"source":"component","literalValues":[false,true],"description":"If set, the time controls list are reversed,","typeRef":238},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed down to all underlying `ScrollArea` components","typeRef":183},{"name":"secondsInputLabel","required":false,"source":"component","description":"`aria-label` of seconds input","typeRef":253},{"name":"secondsInputProps","required":false,"source":"component","description":"Props passed down to seconds input","typeRef":84},{"name":"secondsPlaceholder","required":false,"source":"component","description":"Seconds input placeholder,","typeRef":253},{"name":"secondsStep","required":false,"source":"component","description":"Number by which seconds are incremented/decremented","typeRef":250},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withDropdown","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the dropdown with time controls list should be visible when the input has focus","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withSeconds","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the seconds input should be displayed","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"TimeValue","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/time-value/","props":[{"name":"amPmLabels","required":false,"source":"component","description":"AM/PM labels","typeRef":220},{"name":"withSeconds","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether seconds should be displayed","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"Timeline","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/timeline/","props":[{"name":"active","required":false,"source":"component","description":"Index of the active element","typeRef":250},{"name":"attributes","required":false,"source":"component","typeRef":354},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":238},{"name":"bulletSize","required":false,"source":"component","description":"Size of the bullet","typeRef":256},{"name":"lineWidth","required":false,"source":"component","description":"Control width of the line","typeRef":256},{"name":"reverseActive","required":false,"source":"component","literalValues":[false,true],"description":"If set, the active items direction is reversed without reversing items order","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":["Timeline.Item"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Timeline.Item","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/timeline/","props":[{"name":"bullet","required":false,"source":"component","description":"React node that should be rendered inside the bullet – icon, image, avatar, etc. By default, large white dot is displayed.","typeRef":172},{"name":"lineVariant","required":false,"source":"component","literalValues":["dashed","dotted","solid"],"description":"Controls line border style","typeRef":20}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TimelineItem","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/timeline-item/","props":[{"name":"bullet","required":false,"source":"component","description":"React node that should be rendered inside the bullet – icon, image, avatar, etc. By default, large white dot is displayed.","typeRef":172},{"name":"lineVariant","required":false,"source":"component","literalValues":["dashed","dotted","solid"],"description":"Controls line border style","typeRef":20}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Title","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/title/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"lineClamp","required":false,"source":"component","description":"Number of lines after which heading will be truncated","typeRef":250},{"name":"textWrap","required":false,"source":"component","literalValues":["balance","nowrap","pretty","stable","wrap"],"description":"Heading `text-wrap` CSS property","typeRef":61},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"ToggleSwitch","package":"@homarr/widgets","category":"network","safety":"wrapped","description":"Runs named actions for the enabled and disabled states.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"disabled","source":"component","required":false,"typeRef":235},{"name":"errorMessage","source":"component","required":false,"typeRef":253},{"name":"initialValue","source":"component","required":false,"typeRef":235},{"name":"label","source":"component","required":false,"typeRef":253},{"name":"offParams","source":"component","required":false,"typeRef":179},{"name":"requestId","source":"component","required":false,"description":"Identifier of the named Custom Widget action.","typeRef":253},{"name":"size","source":"component","required":false,"typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Action labels must describe their effect; destructive actions require confirmation."]},{"name":"Tooltip","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tooltip/","props":[{"name":"arrowOffset","required":false,"source":"component","description":"Arrow offset in px","typeRef":250},{"name":"arrowPosition","required":false,"source":"component","literalValues":["center","merge","side"],"description":"Arrow position relative to the tooltip","typeRef":19},{"name":"arrowRadius","required":false,"source":"component","description":"Arrow `border-radius` in px","typeRef":250},{"name":"arrowSize","required":false,"source":"component","description":"Arrow size in px","typeRef":250},{"name":"attributes","required":false,"source":"component","typeRef":366},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":238},{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms","typeRef":250},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled tooltip initial opened state","typeRef":238},{"name":"events","required":false,"source":"component","description":"Determines which events will be used to show tooltip","typeRef":293},{"name":"floatingStrategy","required":false,"source":"component","literalValues":["absolute","fixed"],"description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","typeRef":24},{"name":"inline","required":false,"source":"component","literalValues":[false,true],"description":"Must be set if the tooltip target is an inline element","typeRef":238},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the tooltip is not unmounted from the DOM when hidden, `display: none` styles are applied instead","typeRef":238},{"name":"label","required":false,"source":"component","description":"Tooltip content","typeRef":172},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling, `{ flip: true, shift: true, inline: false }` by default","typeRef":222},{"name":"multiline","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether content should be wrapped on to the next line, `false` by default","typeRef":238},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms","typeRef":250},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled opened state","typeRef":238},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Tooltip position relative to target element (`Tooltip` component) or mouse (`Tooltip.Floating` component)","typeRef":37},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component that used to animate tooltip presence, use to configure duration and animation type","typeRef":153},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withArrow","required":false,"source":"component","literalValues":[false,true],"description":"If set, the tooltip has an arrow","typeRef":238}],"blockedProps":[{"name":"target","reason":"String targets can select elements outside the widget root"}],"subcomponents":["Tooltip.Floating","Tooltip.Group"],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Tooltip.Floating","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tooltip/","props":[{"name":"attributes","required":false,"source":"component","typeRef":366},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled tooltip initial opened state","typeRef":238},{"name":"label","required":false,"source":"component","description":"Tooltip content","typeRef":172},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling, `{ flip: true, shift: true, inline: false }` by default","typeRef":222},{"name":"multiline","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether content should be wrapped on to the next line, `false` by default","typeRef":238},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Tooltip position relative to target element (`Tooltip` component) or mouse (`Tooltip.Floating` component)","typeRef":37},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Tooltip.Group","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tooltip/","props":[{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms","typeRef":250},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms","typeRef":250}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TooltipFloating","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tooltip-floating/","props":[{"name":"attributes","required":false,"source":"component","typeRef":366},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled tooltip initial opened state","typeRef":238},{"name":"label","required":false,"source":"component","description":"Tooltip content","typeRef":172},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling, `{ flip: true, shift: true, inline: false }` by default","typeRef":222},{"name":"multiline","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether content should be wrapped on to the next line, `false` by default","typeRef":238},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Tooltip position relative to target element (`Tooltip` component) or mouse (`Tooltip.Floating` component)","typeRef":37},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TooltipGroup","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tooltip-group/","props":[{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms","typeRef":250},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms","typeRef":250}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Transition","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/transition/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Requires an authored render callback"},{"name":"Tree","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tree/","props":[{"name":"allowRangeSelection","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree nodes range can be selected with click when `Shift` key is pressed","typeRef":238},{"name":"attributes","required":false,"source":"component","typeRef":318},{"name":"checkOnSpace","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node is checked on space key press","typeRef":238},{"name":"clearSelectionOnOutsideClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, selection is cleared when user clicks outside of the tree","typeRef":238},{"name":"data","required":true,"source":"component","description":"Data used to render nodes","typeRef":224},{"name":"expandOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node with children is expanded on click","typeRef":238},{"name":"expandOnSpace","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node with children is expanded on space key press","typeRef":238},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, subtree content is kept mounted when collapsed. React 19 `Activity` is used to preserve state.","typeRef":238},{"name":"levelOffset","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Horizontal padding of each subtree level, key of `theme.spacing` or any valid CSS value","typeRef":131},{"name":"selectOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node is selected on click","typeRef":238},{"name":"tree","required":false,"source":"component","description":"Use-tree hook instance that can be used to manipulate component state","typeRef":227},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withDragHandle","required":false,"source":"component","literalValues":[false,true],"description":"If set, drag-and-drop must be initiated from an element that spreads `dragHandleProps` from the `renderNode` payload, rather than anywhere on the node.","typeRef":238},{"name":"withLines","required":false,"source":"component","literalValues":[false,true],"description":"If set, connecting lines are rendered showing parent-child relationships","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TreeSelect","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tree-select/","props":[{"name":"allowDeselect","required":false,"source":"component","literalValues":[false,true],"description":"Allows deselecting in single mode","typeRef":238},{"name":"attributes","required":false,"source":"component","typeRef":297},{"name":"checkStrictly","required":false,"source":"component","literalValues":[false,true],"description":"Disables parent-child cascade in checkbox mode","typeRef":238},{"name":"checkedStrategy","required":false,"source":"component","literalValues":["all","child","parent"],"description":"Controls which checked nodes appear in value/pills in checkbox mode","typeRef":6},{"name":"chevronAriaLabels","required":false,"source":"component","description":"aria-label values for the expand/collapse chevron button","typeRef":225},{"name":"chevronColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls the default chevron color","typeRef":113},{"name":"clearButtonProps","required":false,"source":"component","description":"Props for the clear button","typeRef":121},{"name":"clearSearchOnChange","required":false,"source":"component","literalValues":[false,true],"description":"Clear search on selection change","typeRef":238},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":11},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"Shows clear button","typeRef":238},{"name":"comboboxProps","required":false,"source":"component","description":"Props passed to the underlying Combobox","typeRef":175},{"name":"data","required":true,"source":"component","description":"Tree data","typeRef":224},{"name":"defaultDropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Default dropdown state","typeRef":238},{"name":"defaultExpandAll","required":false,"source":"component","literalValues":[false,true],"description":"Expand all nodes by default","typeRef":238},{"name":"defaultExpandedValues","required":false,"source":"component","description":"Default expanded node values","typeRef":259},{"name":"defaultSearchValue","required":false,"source":"component","description":"Default search value","typeRef":253},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"dropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled dropdown state","typeRef":238},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"expandOnClick","required":false,"source":"component","literalValues":[false,true],"description":"Also toggle expand when clicking a parent node (not just the chevron). In `single` and `multiple` modes, parent clicks only expand; only leaves can be selected. In `checkbox` mode, parent clicks both check and expand.","typeRef":238},{"name":"expandedValues","required":false,"source":"component","description":"Controlled expanded state","typeRef":259},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props for the hidden input","typeRef":140},{"name":"hiddenInputValuesDivider","required":false,"source":"component","description":"Divider for hidden input values","typeRef":253},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"maxDisplayedValues","required":false,"source":"component","description":"Maximum displayed pills before \"+N more\"","typeRef":250},{"name":"maxDropdownHeight","required":false,"source":"component","description":"Max dropdown height","typeRef":256},{"name":"maxValues","required":false,"source":"component","description":"Maximum selectable values (multiple/checkbox mode)","typeRef":250},{"name":"nothingFoundMessage","required":false,"source":"component","description":"Message when no nodes match search","typeRef":172},{"name":"openOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Opens dropdown on focus (searchable mode)","typeRef":238},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":238},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props for the ScrollArea in the dropdown","typeRef":183},{"name":"searchValue","required":false,"source":"component","description":"Controlled search value","typeRef":253},{"name":"searchable","required":false,"source":"component","literalValues":[false,true],"description":"Enables search filtering","typeRef":238},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withLines","required":false,"source":"component","literalValues":[false,true],"description":"Show tree connection lines between parent and child nodes","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TreeSelectOption","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tree-select-option/","props":[{"name":"chevronAriaLabels","required":false,"source":"component","typeRef":225},{"name":"expanded","required":true,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"hasChildren","required":true,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"indeterminate","required":true,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"isLastChild","required":true,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"level","required":true,"source":"component","typeRef":250},{"name":"lineGuides","required":true,"source":"component","typeRef":236},{"name":"node","required":true,"source":"component","typeRef":223},{"name":"selected","required":true,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"showCheckbox","required":true,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withLines","required":true,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Treemap","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/treemap/","props":[{"name":"aspectRatio","required":false,"source":"component","description":"The treemap will try to keep every single rectangle's aspect ratio near the aspectRatio given","typeRef":250},{"name":"attributes","required":false,"source":"component","typeRef":361},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether text color should be adjusted based on background color to improve contrast","typeRef":238},{"name":"data","required":true,"source":"component","description":"Data used to render chart","typeRef":226},{"name":"dataKey","required":false,"source":"component","description":"Key in data object for the value","typeRef":253},{"name":"strokeColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the node stroke, by default depends on color scheme","typeRef":113},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls text color of labels","typeRef":113},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip animation duration in ms","typeRef":250},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to `Tooltip` recharts component","typeRef":142},{"name":"treemapProps","required":false,"source":"component","description":"Props passed down to recharts `Treemap` component","typeRef":151},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed when a node is hovered","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"TypeBadge","package":"@homarr/widgets","category":"interaction","safety":"allowed","description":"Displays a compact semantic type badge.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"size","source":"component","required":false,"literalValues":["xs","sm","md","lg","xl"],"typeRef":68},{"name":"type","source":"component","required":true,"typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Typography","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/typography/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"UnstyledButton","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/unstyled-button/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"VisuallyHidden","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/visually-hidden/","props":[{"name":"attributes","required":false,"source":"component","typeRef":362},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"WeekdaysRow","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/weekdays-row/","props":[{"name":"attributes","required":false,"source":"component","typeRef":369},{"name":"cellComponent","required":false,"source":"component","literalValues":["td","th"],"description":"Sets cell type that is used for weekdays","typeRef":57},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, 0 – Sunday, 6 – Saturday","typeRef":92},{"name":"locale","required":false,"source":"component","description":"dayjs locale","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"If set, heading for week numbers is displayed","typeRef":238}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"YearLevel","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/year-level/","props":[{"name":"attributes","required":false,"source":"component","typeRef":274},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":238},{"name":"hasNextLevel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next level button should be enabled","typeRef":238},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":70},{"name":"levelControlAriaLabel","required":false,"source":"component","description":"`aria-label` for change level control","typeRef":253},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":253},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":238},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":172},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":253},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":238},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":172},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":238},{"name":"withNext","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next control should be rendered","typeRef":238},{"name":"withPrevious","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether previous control should be rendered","typeRef":238},{"name":"year","required":true,"source":"component","description":"Displayed year value in `YYYY-MM-DD` format","typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"YearLevelGroup","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/year-level-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":276},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":238},{"name":"hasNextLevel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next level button should be enabled","typeRef":238},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":70},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":253},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":238},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":172},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":253},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":250},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":238},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":172},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":238},{"name":"year","required":true,"source":"component","description":"Displayed year","typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"YearPicker","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/year-picker/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":86},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":87},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":101},{"name":"attributes","required":false,"source":"component","typeRef":278},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":250},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":254},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":254},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":238},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":253},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":250},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":229},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":253},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":238},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":253}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"YearPickerInput","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/year-picker-input/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":86},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":87},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":101},{"name":"attributes","required":false,"source":"component","typeRef":302},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":167},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":11},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set.","typeRef":238},{"name":"closeOnChange","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the dropdown is closed when date is selected, not applicable with `type=\"multiple\"`","typeRef":238},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":250},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":254},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":254},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":172},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":76},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":172},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":77},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":238},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":253},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":69},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":172},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":78},{"name":"labelSeparator","required":false,"source":"component","description":"Separator between range value","typeRef":253},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":172},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":168},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":165},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":238},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":36},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":253},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":250},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":238},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to `Popover` component","typeRef":149},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":229},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":253},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":172},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":168},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":165},{"name":"sortDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dates values should be sorted before `onChange` call, only applicable with type=\"multiple\"","typeRef":238},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":172},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"valueFormat","required":false,"source":"component","description":"`dayjs` format to display input value","typeRef":253},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":238},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":238},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":238},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":238},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":228},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":253}],"blockedProps":[{"name":"dropdownType","reason":"Modal picker mode escapes the widget overlay boundary"},{"name":"modalProps","reason":"Modal picker configuration escapes the widget overlay boundary"}],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"YearsList","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/years-list/","props":[{"name":"attributes","required":false,"source":"component","typeRef":373},{"name":"decade","required":true,"source":"component","description":"Decade value to display","typeRef":253},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":238},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":253},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":254},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":238},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":238},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":253}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]}]} +{"schemaVersion":1,"mantineVersion":"9.4.1","customWidgetVersion":"2.0.0","types":["\"\" | \"anonymous\" | \"use-credentials\"","\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"auto\" | \"fixed\"","\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"none\" | \"auto\" | \"all\" | \"fill\" | \"stroke\" | \"painted\" | \"visible\" | \"visibleFill\" | \"visiblePainted\" | \"visibleStroke\"","\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"none\" | \"block\" | \"inline\" | \"both\" | \"horizontal\" | \"vertical\"","\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"none\" | \"contain\" | \"cover\" | \"fill\" | \"scale-down\"","\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"wrap\" | \"nowrap\" | \"wrap-reverse\"","\"12h\" | \"24h\"","\"activity\" | \"display-none\"","\"all\" | \"parent\" | \"child\"","\"all\" | \"segment\"","\"always\" | \"hover\" | \"not-hover\" | \"never\"","\"area\" | \"radial\" | \"scatter\"","\"auto\" | \"scroll\" | \"always\" | \"hover\" | \"never\"","\"auto-fit\" | \"auto-fill\"","\"block\" | \"grid\"","\"both\" | \"rightSection\" | \"clear\"","\"bottom\" | \"top\"","\"bottom\" | \"top\" | \"baseline\" | \"middle\"","\"bottom\" | \"top\" | \"middle\"","\"bottom-end\" | \"bottom-start\" | \"top-end\" | \"top-start\" | \"bottom-center\" | \"top-center\" | \"middle-center\" | \"middle-end\" | \"middle-start\"","\"button\" | \"submit\" | \"reset\"","\"center\" | \"bottom\"","\"center\" | \"left\" | \"right\"","\"center\" | \"left\" | \"right\" | \"justify\" | \"char\"","\"center\" | \"side\" | \"merge\"","\"checkbox\" | \"radio\"","\"dashed\" | \"dotted\" | \"solid\"","\"default\" | \"gradient\"","\"default\" | \"responsive\"","\"default\" | \"stacked\" | \"percent\" | \"split\"","\"default\" | \"stacked\" | \"percent\" | \"waterfall\"","\"div\" | \"label\"","\"end\" | \"start\"","\"filled\" | \"light\"","\"fixed\" | \"absolute\"","\"hex\" | \"hexa\" | \"rgba\" | \"rgb\" | \"hsl\" | \"hsla\"","\"horizontal\" | \"vertical\"","\"hover\" | \"click\" | \"click-hover\"","\"inherit\" | \"auto\" | \"baseline\" | \"before-edge\" | \"text-before-edge\" | \"middle\" | \"central\" | \"after-edge\" | \"text-after-edge\" | \"ideographic\" | \"alphabetic\" | \"hanging\" | \"mathematical\"","\"inherit\" | \"auto\" | \"sRGB\" | \"linearRGB\"","\"inherit\" | \"auto\" | \"text-before-edge\" | \"middle\" | \"central\" | \"text-after-edge\" | \"ideographic\" | \"alphabetic\" | \"hanging\" | \"mathematical\" | \"use-script\" | \"no-change\" | \"reset-size\"","\"inherit\" | \"end\" | \"start\" | \"middle\"","\"inherit\" | \"nonzero\" | \"evenodd\"","\"inherit\" | \"round\" | \"butt\" | \"square\"","\"inherit\" | \"round\" | \"miter\" | \"bevel\"","\"initial\" | \"medial\" | \"terminal\" | \"isolated\"","\"inside\" | \"outside\"","\"left\" | \"right\"","\"left\" | \"right\" | \"bottom\" | \"top\" | \"left-end\" | \"left-start\" | \"right-end\" | \"right-start\" | \"bottom-end\" | \"bottom-start\" | \"top-end\" | \"top-start\"","\"left\" | \"right\" | \"inside\"","\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"","\"media\" | \"container\"","\"month\" | \"year\" | \"decade\"","\"native\" | \"scrollarea\"","\"none\" | \"all\" | \"rows\" | \"groups\" | \"columns\"","\"none\" | \"all\" | \"with-indicators\"","\"none\" | \"ascending\" | \"descending\" | \"other\"","\"none\" | \"inline\" | \"list\" | \"both\"","\"none\" | \"strict\" | \"blur\"","\"none\" | \"sum\"","\"none\" | \"thousand\" | \"lakh\" | \"wan\"","\"none\" | \"x\" | \"y\" | \"xy\"","\"number\" | RegExp | \"alphanumeric\"","\"off\" | \"assertive\" | \"polite\"","\"off\" | \"on\"","\"ordered\" | \"unordered\"","\"right-to-left\" | \"left-to-right\"","\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"","\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"","\"step\" | \"bump\" | \"linear\" | \"natural\" | \"monotone\" | \"stepBefore\" | \"stepAfter\"","\"stepInactive\" | \"stepProgress\" | \"stepCompleted\"","\"sum\" | \"replace\"","\"td\" | \"th\"","\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"","\"text\" | \"tel\" | \"password\"","\"time\" | \"duration\"","\"up\" | \"down\"","\"value\" | \"name\" | \"percent\"","\"viewport\"","\"wrap\" | \"nowrap\" | \"balance\" | \"pretty\" | \"stable\"","\"x\" | \"y\"","\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"","\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | (string & {})","\"yes\" | \"no\"","'Text' | 'Title' | 'Badge' | 'Code' | 'Image'","'auto' | 'manual'","'json' | 'text'","'xs' | 'sm' | 'md' | 'lg' | 'xl'","(\"input\" | \"label\" | \"description\" | \"error\")[]","(\"next\" | \"previous\" | \"level\")[]","(ActionIconProps & React.ClassAttributes & React.ButtonHTMLAttributes)","(CartesianChartProps & { ref?: React.Ref; })","(CloseButtonProps & ElementProps<\"button\"> & DataAttributes)","(CloseButtonProps & React.ClassAttributes & React.ButtonHTMLAttributes)","(ElementProps<\"button\"> & DataAttributes)","(InputDescriptionProps & DataAttributes)","(InputErrorProps & DataAttributes)","(InputLabelProps & DataAttributes)","(InputSuccessProps & DataAttributes)","(Multiple extends true ? Value[] : Value | null)","(OverlayProps & ElementProps<\"div\">)","(PolarChartProps & { ref?: React.Ref; })","(React.ClassAttributes & React.ButtonHTMLAttributes & DataAttributes)","(React.ClassAttributes & React.HTMLAttributes & DataAttributes)","(React.ClassAttributes & React.InputHTMLAttributes & DataAttributes)","(React.ClassAttributes & React.SelectHTMLAttributes & DataAttributes)","(Type extends \"default\" ? boolean : never)","(Type extends \"range\" ? boolean : never)","(Value | SegmentedControlItem)[]","(number | null)[]","(string & {}) | \"bars\" | \"dots\" | \"oval\"","(string & {}) | \"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"","(string & {}) | AccordionVariant","(string & {}) | ActionIconVariant","(string & {}) | AlertVariant","(string & {}) | AvatarVariant","(string & {}) | BadgeVariant","(string & {}) | ButtonVariant","(string & {}) | CheckboxIndicatorVariant","(string & {}) | CheckboxVariant","(string & {}) | ChipVariant","(string & {}) | CloseButtonVariant","(string & {}) | DividerVariant","(string & {}) | FieldsetVariant","(string & {}) | InputVariant","(string & {}) | NavLinkVariant","(string & {}) | PillVariant","(string & {}) | RadioIndicatorVariant","(string & {}) | RadioVariant","(string & {}) | TableVariant","(string & {}) | TabsVariant","(string & {}) | TextVariant","(string & {}) | ThemeIconVariant","0 | -1","0 | 2 | 3 | 4 | 5 | 6 | 1","1 | 2 | 3 | 4 | 5 | 6","2 | 3 | 4 | 5 | 6","2 | 3 | 4 | 5 | 6 | 1","AccordionValue","AreaChartSeries[]","AriaRole","BarChartSeries[]","BarsListBarData[]","BoxMod","BubbleChartDataKey","ButtonSize","CSSProperties","CalendarAriaLabels","ChartData","ChartReferenceLineProps[]","ChartSeries[]","ComboboxData","ComboboxGenericData","ComboboxProps","ComboboxStringGroupData","CompositeChartSeries[]","DatePickerPreset<\"default\">[]","DatePickerPreset[]","DatePickerType | Type","DatePickerValue","DateValue","DayOfWeek[]","DefaultMantineColor","DefaultMantineColor | \"initials\"","DefaultMantineColor[]","DonutChartCell[]","FlatTreeLineState[]","FunnelChartCell[]","GridBreakpoints","HTMLElement | null","HTMLInputAutoCompleteAttribute","HTMLInputTypeAttribute","InputClearButtonProps","Key | null","LineChartGradientStop[]","LineChartSeries[]","LoaderProps","MantineBreakpoint","MantineChartDotProps","MantineGradient","MantineRadius","MantineShadow","MantineSize | (string & {})","MantineSpacing","Mode","MonthPickerPreset[]","Multiple","NumberInputValue","Omit, \"data\" | \"ref\" | \"dataKey\">","Omit","Omit","Omit","Omit","Omit","Omit","Omit, HTMLInputElement>, \"value\">","Omit","Omit, \"ref\">","Omit","Omit","Omit, \"ref\">","OverlayProps","Partial>","Partial>","Partial>","Partial>","Partial, \"data\" | \"ref\" | \"dataKey\">>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial>","Partial","PieChartCell[]","PopoverMiddlewares","PopoverProps","PopoverWidth","Property.AlignItems","Property.BackgroundColor","Property.BorderRadius","Property.Height","Property.JustifyContent","Property.ListStyleType","Property.MaxHeight","Property.MinWidth","Property.Overflow","Property.OverscrollBehavior","Property.Width","RadarChartSeries[]","RangeSliderValue","React.CSSProperties","React.DetailedHTMLProps, HTMLButtonElement>","React.DetailedHTMLProps, HTMLDivElement>","React.DetailedHTMLProps, HTMLImageElement>","React.DetailedHTMLProps, HTMLInputElement>","React.HTMLInputTypeAttribute","React.ReactNode","ReactNode","Record","Record","Record[]","Record[] | readonly Record[]","Record","Record","RingProgressSection[]","SankeyChartData","ScatterChartSeries[]","ScrollAreaProps","SimpleGridProps","SliderMark[]","SparklineTrendColors","SplitterPaneSize","SplitterPaneSize[]","SplitterStep","StyleProp<\"text\" | (string & {}) | \"monospace\" | \"heading\">","StyleProp","StyleProp","StyleProp","StyleProp","StyleProp","StyleProp","StyleProp>","StyleProp","StyleProp>","StyleProp>","StyleProp","StyleProp>","StyleProp","StyleProp","StyleProp","StyleProp","StyleProp>","StyleProp","StyleProp>","StyleProp>","StyleProp>","StyleProp>","StyleProp>","StyleProp","StyleProp","StyleProp>","StyleProp","StyleProp>","StyleProp","StyleProp","StyleProp","T","T[]","TableData","TimePickerAmPmLabels","TimePickerPresets","TitleSize","TooltipMiddlewares","TreeNodeData","TreeNodeData[]","TreeSelectChevronAriaLabels","TreeSelectValue","TreemapData[]","Type","Type | DatePickerType","UseTreeReturnType","Value","Value | null","Value[]","WrapperProps","YearPickerPreset[]","[DefaultMantineColor, DefaultMantineColor]","[number, number]","[string, string]","boolean","boolean | SafePolygonOptions","boolean | string","boolean[]","false | \"x\" | \"y\" | \"xy\"","false | true","false | true | \"auto\" | \"true\" | \"false\"","false | true | \"dialog\" | \"menu\" | \"grid\" | \"true\" | \"false\" | \"listbox\" | \"tree\"","false | true | \"end\" | \"start\"","false | true | \"odd\" | \"even\"","false | true | \"time\" | \"true\" | \"false\" | \"page\" | \"step\" | \"location\" | \"date\"","false | true | \"true\" | \"false\"","false | true | \"true\" | \"false\" | \"grammar\" | \"spelling\"","false | true | \"true\" | \"false\" | \"mixed\"","false | true | \"user\" | \"environment\"","false | true | \"x\" | \"y\" | \"present\"","null | string","number","number | FloatingAxesOffsets","number | MantineSize | (string & {})","number | MantineSize | (string & {}) | \"input-xs\" | \"input-sm\" | \"input-md\" | \"input-lg\" | \"input-xl\"","number | { x: number; y: number; }","readonly Record[]","string","string | (string & {})","string | (string | RegExp)[]","string | Date","string | Date | null","string | false | true","string | number","string | number | readonly string[]","string | string[] | HighlightTerm[]","string[]","undefined","unknown","{ area?: Record; legend?: Record; grid?: Record; root?: Record; ... 14 more ...; tooltipBody?: Record<...>; }","{ area?: Record; legend?: Record; line?: Record; grid?: Record; ... 16 more ...; tooltipBody?: Record<...>; }","{ body?: Record; input?: Record; label?: Record; root?: Record; ... 4 more ...; labelWrapper?: Record<...>; }","{ body?: Record; input?: Record; label?: Record; section?: Record; ... 19 more ...; swatch?: Record<...>; }","{ body?: Record; input?: Record; label?: Record; track?: Record; ... 5 more ...; trackLabel?: Record<...>; }","{ body?: Record; label?: Record; root?: Record; icon?: Record; ... 4 more ...; labelWrapper?: Record<...>; }","{ body?: Record; label?: Record; section?: Record; children?: Record; root?: Record<...>; chevron?: Record<...>; description?: Record<...>; collapse?: Record<...>; } | u...","{ body?: Record; label?: Record; title?: Record; root?: Record; icon?: Record<...>; wrapper?: Record<...>; message?: Record<...>; closeButton?: Record<...>; }","{ body?: Record; slider?: Record; wrapper?: Record; sliderOverlay?: Record; ... 6 more ...; swatch?: Record<...>; }","{ body?: Record; title?: Record; root?: Record; description?: Record; indicator?: Record<...>; actions?: Record<...>; }","{ body?: Record; title?: Record; root?: Record; icon?: Record; loader?: Record<...>; closeButton?: Record<...>; description?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; ... 12 more ...; monthPickerRoot?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; ... 4 more ...; monthsListControl?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; ... 4 more ...; yearsListRow?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; ... 5 more ...; monthsListControl?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; ... 5 more ...; yearsListRow?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; ... 8 more ...; yearPickerRoot?: Record<...>; }","{ calendarHeader?: Record; calendarHeaderControl?: Record; calendarHeaderLevel?: Record; calendarHeaderControlIcon?: Record<...>; }","{ caption?: Record; table?: Record; tbody?: Record; td?: Record; tfoot?: Record<...>; th?: Record<...>; thead?: Record<...>; tr?: Record<...>; }","{ card?: Record; }","{ cite?: Record; root?: Record; icon?: Record; }","{ col?: Record; root?: Record; inner?: Record; container?: Record; }","{ content?: Record; root?: Record; chevron?: Record; control?: Record; container?: Record<...>; }","{ content?: Record; root?: Record; control?: Record; }","{ content?: Record; root?: Record; group?: Record; }","{ content?: Record; root?: Record; scrollbar?: Record; thumb?: Record; viewport?: Record<...>; corner?: Record<...>; }","{ content?: Record; root?: Record; separator?: Record; step?: Record; ... 9 more ...; stepDescription?: Record<...>; }","{ day?: Record; }","{ dropdown?: Record; overlay?: Record; arrow?: Record; }","{ group?: Record; }","{ groupSection?: Record; }","{ hover: boolean; focus: boolean; touch: boolean; }","{ icon?: Record; indicator?: Record; }","{ image?: Record; root?: Record; placeholder?: Record; }","{ input?: Record; label?: Record; option?: Record; section?: Record; ... 11 more ...; groupLabel?: Record<...>; }","{ input?: Record; label?: Record; option?: Record; section?: Record; ... 14 more ...; inputField?: Record<...>; }","{ input?: Record; label?: Record; root?: Record; control?: Record; indicator?: Record<...>; innerLabel?: Record<...>; }","{ input?: Record; label?: Record; root?: Record; iconWrapper?: Record; checkIcon?: Record<...>; }","{ input?: Record; label?: Record; root?: Record; starSymbol?: Record; symbolBody?: Record<...>; symbolGroup?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 17 more ...; presetControl?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 18 more ...; yearPickerRoot?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 22 more ...; monthPickerRoot?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 30 more ...; presetButton?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 31 more ...; datePickerRoot?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 37 more ...; rangeInfo?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 5 more ...; bottomSection?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 7 more ...; controls?: Record<...>; }","{ input?: Record; label?: Record; section?: Record; root?: Record; ... 7 more ...; innerInput?: Record<...>; }","{ input?: Record; root?: Record; pinInput?: Record; }","{ input?: Record; section?: Record; wrapper?: Record; bottomSection?: Record; }","{ label?: Record; content?: Record; root?: Record; item?: Record; ... 4 more ...; control?: Record<...>; }","{ label?: Record; legend?: Record; root?: Record; tooltip?: Record; ... 9 more ...; tooltipBody?: Record<...>; }","{ label?: Record; mark?: Record; root?: Record; thumb?: Record; marks?: Record<...>; }","{ label?: Record; mark?: Record; track?: Record; root?: Record; ... 4 more ...; markLabel?: Record<...>; }","{ label?: Record; root?: Record; control?: Record; dots?: Record; items?: Record<...>; }","{ label?: Record; root?: Record; description?: Record; error?: Record; success?: Record<...>; required?: Record<...>; }","{ label?: Record; root?: Record; node?: Record; subtree?: Record; }","{ label?: Record; root?: Record; remove?: Record; }","{ label?: Record; root?: Record; }","{ label?: Record; search?: Record; item?: Record; chevron?: Record; ... 6 more ...; divider?: Record<...>; }","{ label?: Record; section?: Record; root?: Record; loader?: Record; inner?: Record<...>; }","{ label?: Record; section?: Record; root?: Record; }","{ label?: Record; svg?: Record; root?: Record; curve?: Record; }","{ label?: Record; svg?: Record; root?: Record; emptySegment?: Record; filledSegment?: Record<...>; }","{ legend?: Record; grid?: Record; root?: Record; tooltip?: Record; ... 14 more ...; scatter?: Record<...>; }","{ legend?: Record; grid?: Record; root?: Record; tooltip?: Record; ... 14 more ...; tooltipBody?: Record<...>; }","{ legend?: Record; legendItem?: Record; legendItemColor?: Record; legendItemName?: Record<...>; }","{ legend?: Record; line?: Record; grid?: Record; root?: Record; ... 14 more ...; tooltipBody?: Record<...>; }","{ legend?: Record; rect?: Record; root?: Record; weekdayLabel?: Record; monthLabel?: Record<...>; legendLabel?: Record<...>; legendRect?: Record<...>; }","{ legend?: Record; root?: Record; tooltip?: Record; container?: Record; ... 9 more ...; tooltipBody?: Record<...>; }","{ legend?: Record; root?: Record; tooltip?: Record; legendItem?: Record; ... 8 more ...; tooltipBody?: Record<...>; }","{ legend?: Record; root?: Record; tooltip?: Record; legendItem?: Record; legendItemColor?: Record<...>; legendItemName?: Record<...>; }","{ legend?: Record; root?: Record; }","{ levelsGroup?: Record; }","{ month?: Record; weekday?: Record; weekdaysRow?: Record; monthRow?: Record; ... 17 more ...; yearsListRow?: Record<...>; }","{ month?: Record; weekday?: Record; weekdaysRow?: Record; monthRow?: Record; ... 20 more ...; datePickerRoot?: Record<...>; }","{ month?: Record; weekday?: Record; weekdaysRow?: Record; monthRow?: Record; ... 4 more ...; day?: Record<...>; }","{ month?: Record; weekday?: Record; weekdaysRow?: Record; monthRow?: Record; ... 8 more ...; calendarHeaderControlIcon?: Record<...>; }","{ month?: Record; weekday?: Record; weekdaysRow?: Record; monthRow?: Record; ... 9 more ...; levelsGroup?: Record<...>; }","{ monthsList?: Record; monthsListCell?: Record; monthsListRow?: Record; monthsListControl?: Record<...>; }","{ pickerControl?: Record; }","{ root?: Record; alphaOverlay?: Record; shadowOverlay?: Record; colorOverlay?: Record<...>; childrenOverlay?: Record<...>; }","{ root?: Record; bar?: Record; barLabel?: Record; barValue?: Record; labelsRow?: Record<...>; }","{ root?: Record; burger?: Record; }","{ root?: Record; container?: Record; }","{ root?: Record; control?: Record; day?: Record; days?: Record; dayMonth?: Record<...>; dayNumber?: Record<...>; }","{ root?: Record; control?: Record; simpleGrid?: Record; }","{ root?: Record; digit?: Record; digitColumn?: Record; char?: Record; }","{ root?: Record; icon?: Record; loader?: Record; }","{ root?: Record; indicator?: Record; }","{ root?: Record; item?: Record; itemLabel?: Record; itemValue?: Record; }","{ root?: Record; item?: Record; itemLabel?: Record; itemWrapper?: Record; itemIcon?: Record<...>; }","{ root?: Record; item?: Record; itemTitle?: Record; itemBody?: Record; itemContent?: Record<...>; itemBullet?: Record<...>; }","{ root?: Record; loader?: Record; overlay?: Record; }","{ root?: Record; month?: Record; weekday?: Record; weekdaysRow?: Record; ... 27 more ...; rangeInfo?: Record<...>; }","{ root?: Record; panel?: Record; list?: Record; tab?: Record; tabSection?: Record<...>; tabLabel?: Record<...>; }","{ root?: Record; separator?: Record; breadcrumb?: Record; }","{ root?: Record; thumb?: Record; handle?: Record; pane?: Record; }","{ root?: Record; tooltip?: Record; axis?: Record; }","{ root?: Record; tooltip?: Record; tooltipItem?: Record; tooltipItemBody?: Record<...>; ... 4 more ...; tooltipBody?: Record<...>; }","{ root?: Record; }","{ scrollContainer?: Record; scrollContainerInner?: Record; }","{ section?: Record; root?: Record; }","{ slider?: Record; sliderOverlay?: Record; thumb?: Record; }","{ tooltip?: Record; arrow?: Record; }","{ tooltip?: Record; tooltipItem?: Record; tooltipItemBody?: Record; tooltipItemColor?: Record<...>; tooltipItemName?: Record<...>; tooltipItemData?: Record<...>; tooltipLabel?: Record<...>; tool...","{ value: number; label?: string; }[]","{ weekday?: Record; weekdaysRow?: Record; }","{ x: string; y: string; }","{ x?: number; y?: number; }","{ x?: string; y?: string; }","{ yearsListControl?: Record; yearsList?: Record; yearsListCell?: Record; yearsListRow?: Record<...>; }"],"globalProps":[{"name":"abbr","required":false,"source":"global","typeRef":359},{"name":"about","required":false,"source":"global","typeRef":359},{"name":"accentHeight","required":false,"source":"global","typeRef":365},{"name":"accept","required":false,"source":"global","typeRef":359},{"name":"accessKey","required":false,"source":"global","typeRef":359},{"name":"accumulate","required":false,"source":"global","literalValues":["none","sum"],"typeRef":59},{"name":"additive","required":false,"source":"global","literalValues":["replace","sum"],"typeRef":71},{"name":"align","required":false,"source":"global","literalValues":["center","char","justify","left","right"],"typeRef":22},{"name":"alignmentBaseline","required":false,"source":"global","literalValues":["after-edge","alphabetic","auto","baseline","before-edge","central","hanging","ideographic","inherit","mathematical","middle","text-after-edge","text-before-edge"],"typeRef":38},{"name":"allowReorder","required":false,"source":"global","literalValues":["no","yes"],"typeRef":83},{"name":"alphabetic","required":false,"source":"global","typeRef":365},{"name":"alt","required":false,"source":"global","typeRef":359},{"name":"amplitude","required":false,"source":"global","typeRef":365},{"name":"arabicForm","required":false,"source":"global","literalValues":["initial","isolated","medial","terminal"],"typeRef":45},{"name":"aria-activedescendant","required":false,"source":"global","description":"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.","typeRef":359},{"name":"aria-atomic","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.","typeRef":347},{"name":"aria-autocomplete","required":false,"source":"global","literalValues":["both","inline","list","none"],"description":"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.","typeRef":57},{"name":"aria-braillelabel","required":false,"source":"global","description":"Defines a string value that labels the current element, which is intended to be converted into Braille.","typeRef":359},{"name":"aria-brailleroledescription","required":false,"source":"global","description":"Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.","typeRef":359},{"name":"aria-busy","required":false,"source":"global","literalValues":[false,"false",true,"true"],"typeRef":347},{"name":"aria-checked","required":false,"source":"global","literalValues":[false,"false","mixed",true,"true"],"description":"Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets.","typeRef":349},{"name":"aria-colcount","required":false,"source":"global","description":"Defines the total number of columns in a table, grid, or treegrid.","typeRef":353},{"name":"aria-colindex","required":false,"source":"global","description":"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.","typeRef":353},{"name":"aria-colindextext","required":false,"source":"global","description":"Defines a human readable text alternative of aria-colindex.","typeRef":359},{"name":"aria-colspan","required":false,"source":"global","description":"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.","typeRef":353},{"name":"aria-controls","required":false,"source":"global","description":"Identifies the element (or elements) whose contents or presence are controlled by the current element.","typeRef":359},{"name":"aria-current","required":false,"source":"global","literalValues":["date",false,"false","location","page","step","time",true,"true"],"description":"Indicates the element that represents the current item within a container or set of related elements.","typeRef":346},{"name":"aria-describedby","required":false,"source":"global","description":"Identifies the element (or elements) that describes the object.","typeRef":359},{"name":"aria-description","required":false,"source":"global","description":"Defines a string value that describes or annotates the current element.","typeRef":359},{"name":"aria-details","required":false,"source":"global","description":"Identifies the element that provides a detailed, extended description for the object.","typeRef":359},{"name":"aria-disabled","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.","typeRef":347},{"name":"aria-dropeffect","required":false,"source":"global","literalValues":["copy","execute","link","move","none","popup"],"description":"Indicates what functions can be performed when a dragged object is released on the drop target.","typeRef":50},{"name":"aria-errormessage","required":false,"source":"global","description":"Identifies the element that provides an error message for the object.","typeRef":359},{"name":"aria-expanded","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.","typeRef":347},{"name":"aria-flowto","required":false,"source":"global","description":"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order.","typeRef":359},{"name":"aria-grabbed","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates an element's \"grabbed\" state in a drag-and-drop operation.","typeRef":347},{"name":"aria-haspopup","required":false,"source":"global","literalValues":["dialog",false,"false","grid","listbox","menu","tree",true,"true"],"description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.","typeRef":343},{"name":"aria-hidden","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates whether the element is exposed to an accessibility API.","typeRef":347},{"name":"aria-invalid","required":false,"source":"global","literalValues":[false,"false","grammar","spelling",true,"true"],"description":"Indicates the entered value does not conform to the format expected by the application.","typeRef":348},{"name":"aria-keyshortcuts","required":false,"source":"global","description":"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.","typeRef":359},{"name":"aria-label","required":false,"source":"global","description":"Defines a string value that labels the current element.","typeRef":359},{"name":"aria-labelledby","required":false,"source":"global","description":"Identifies the element (or elements) that labels the current element.","typeRef":359},{"name":"aria-level","required":false,"source":"global","description":"Defines the hierarchical level of an element within a structure.","typeRef":353},{"name":"aria-live","required":false,"source":"global","literalValues":["assertive","off","polite"],"description":"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.","typeRef":63},{"name":"aria-modal","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates whether an element is modal when displayed.","typeRef":347},{"name":"aria-multiline","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates whether a text box accepts multiple lines of input or only a single line.","typeRef":347},{"name":"aria-multiselectable","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates that the user may select more than one item from the current selectable descendants.","typeRef":347},{"name":"aria-orientation","required":false,"source":"global","literalValues":["horizontal","vertical"],"description":"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.","typeRef":36},{"name":"aria-owns","required":false,"source":"global","description":"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship.","typeRef":359},{"name":"aria-placeholder","required":false,"source":"global","description":"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format.","typeRef":359},{"name":"aria-posinset","required":false,"source":"global","description":"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.","typeRef":353},{"name":"aria-pressed","required":false,"source":"global","literalValues":[false,"false","mixed",true,"true"],"description":"Indicates the current \"pressed\" state of toggle buttons.","typeRef":349},{"name":"aria-readonly","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates that the element is not editable, but is otherwise operable.","typeRef":347},{"name":"aria-relevant","required":false,"source":"global","literalValues":["additions","additions removals","additions text","all","removals","removals additions","removals text","text","text additions","text removals"],"description":"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.","typeRef":73},{"name":"aria-required","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates that user input is required on the element before a form may be submitted.","typeRef":347},{"name":"aria-roledescription","required":false,"source":"global","description":"Defines a human-readable, author-localized description for the role of an element.","typeRef":359},{"name":"aria-rowcount","required":false,"source":"global","description":"Defines the total number of rows in a table, grid, or treegrid.","typeRef":353},{"name":"aria-rowindex","required":false,"source":"global","description":"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.","typeRef":353},{"name":"aria-rowindextext","required":false,"source":"global","description":"Defines a human readable text alternative of aria-rowindex.","typeRef":359},{"name":"aria-rowspan","required":false,"source":"global","description":"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.","typeRef":353},{"name":"aria-selected","required":false,"source":"global","literalValues":[false,"false",true,"true"],"description":"Indicates the current \"selected\" state of various widgets.","typeRef":347},{"name":"aria-setsize","required":false,"source":"global","description":"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.","typeRef":353},{"name":"aria-sort","required":false,"source":"global","literalValues":["ascending","descending","none","other"],"description":"Indicates if items in a table or grid are sorted in ascending or descending order.","typeRef":56},{"name":"aria-valuemax","required":false,"source":"global","description":"Defines the maximum allowed value for a range widget.","typeRef":353},{"name":"aria-valuemin","required":false,"source":"global","description":"Defines the minimum allowed value for a range widget.","typeRef":353},{"name":"aria-valuenow","required":false,"source":"global","description":"Defines the current value for a range widget.","typeRef":353},{"name":"aria-valuetext","required":false,"source":"global","description":"Defines the human readable text alternative of aria-valuenow for a range widget.","typeRef":359},{"name":"ascent","required":false,"source":"global","typeRef":365},{"name":"attributeName","required":false,"source":"global","typeRef":359},{"name":"attributeType","required":false,"source":"global","typeRef":359},{"name":"autoCapitalize","required":false,"source":"global","literalValues":["characters","none","off","on","sentences","words"],"typeRef":111},{"name":"autoComplete","required":false,"source":"global","typeRef":170},{"name":"autoCorrect","required":false,"source":"global","typeRef":359},{"name":"autoReverse","required":false,"source":"global","literalValues":[false,"false",true,"true"],"typeRef":347},{"name":"autoSave","required":false,"source":"global","typeRef":359},{"name":"azimuth","required":false,"source":"global","typeRef":365},{"name":"baseFrequency","required":false,"source":"global","typeRef":365},{"name":"baseProfile","required":false,"source":"global","typeRef":365},{"name":"baselineShift","required":false,"source":"global","typeRef":365},{"name":"bbox","required":false,"source":"global","typeRef":365},{"name":"bd","required":false,"source":"global","description":"Border","typeRef":291},{"name":"bdrs","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"BorderRadius, theme key: theme.radius","typeRef":284},{"name":"begin","required":false,"source":"global","typeRef":365},{"name":"bg","required":false,"source":"global","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Background, theme key: theme.colors","typeRef":283},{"name":"bga","required":false,"source":"global","literalValues":["-moz-initial","fixed","inherit","initial","local","revert","revert-layer","scroll","unset"],"description":"BackgroundAttachment","typeRef":287},{"name":"bgcolor","required":false,"source":"global","typeRef":359},{"name":"bgp","required":false,"source":"global","description":"BackgroundPosition","typeRef":288},{"name":"bgr","required":false,"source":"global","literalValues":["-moz-initial","inherit","initial","no-repeat","repeat","repeat-x","repeat-y","revert","revert-layer","round","space","unset"],"description":"BackgroundRepeat","typeRef":289},{"name":"bgsz","required":false,"source":"global","description":"BackgroundSize","typeRef":290},{"name":"bias","required":false,"source":"global","typeRef":365},{"name":"border","required":false,"source":"global","typeRef":353},{"name":"by","required":false,"source":"global","typeRef":365},{"name":"c","required":false,"source":"global","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color","typeRef":283},{"name":"calcMode","required":false,"source":"global","typeRef":365},{"name":"capHeight","required":false,"source":"global","typeRef":365},{"name":"capture","required":false,"source":"global","literalValues":["environment",false,true,"user"],"typeRef":350},{"name":"cellPadding","required":false,"source":"global","typeRef":365},{"name":"cellSpacing","required":false,"source":"global","typeRef":365},{"name":"checked","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"clip","required":false,"source":"global","typeRef":365},{"name":"clipPath","required":false,"source":"global","typeRef":359},{"name":"clipPathUnits","required":false,"source":"global","typeRef":365},{"name":"clipRule","required":false,"source":"global","typeRef":365},{"name":"colSpan","required":false,"source":"global","typeRef":353},{"name":"color","required":false,"source":"global","literalValues":["blue","cyan","dark","grape","gray","green","indigo","initials","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":359},{"name":"colorInterpolation","required":false,"source":"global","typeRef":365},{"name":"colorInterpolationFilters","required":false,"source":"global","literalValues":["auto","inherit","linearRGB","sRGB"],"typeRef":39},{"name":"colorProfile","required":false,"source":"global","typeRef":365},{"name":"colorRendering","required":false,"source":"global","typeRef":365},{"name":"cols","required":false,"source":"global","typeRef":353},{"name":"content","required":false,"source":"global","typeRef":359},{"name":"contentScriptType","required":false,"source":"global","typeRef":365},{"name":"contentStyleType","required":false,"source":"global","typeRef":365},{"name":"contextMenu","required":false,"source":"global","typeRef":359},{"name":"crossOrigin","required":false,"source":"global","literalValues":["","anonymous","use-credentials"],"typeRef":0},{"name":"cursor","required":false,"source":"global","typeRef":365},{"name":"cx","required":false,"source":"global","typeRef":365},{"name":"cy","required":false,"source":"global","typeRef":365},{"name":"d","required":false,"source":"global","typeRef":359},{"name":"darkHidden","required":false,"source":"global","literalValues":[false,true],"description":"Determines whether component should be hidden in dark color scheme with `display: none`","typeRef":341},{"name":"datatype","required":false,"source":"global","typeRef":359},{"name":"decelerate","required":false,"source":"global","typeRef":365},{"name":"defaultChecked","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"defaultValue","required":false,"source":"global","typeRef":366},{"name":"descent","required":false,"source":"global","typeRef":365},{"name":"diffuseConstant","required":false,"source":"global","typeRef":365},{"name":"dir","required":false,"source":"global","typeRef":359},{"name":"dirName","required":false,"source":"global","typeRef":359},{"name":"direction","required":false,"source":"global","typeRef":365},{"name":"disabled","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"display","required":false,"source":"global","literalValues":["-moz-initial","-ms-flexbox","-ms-grid","-ms-inline-flexbox","-ms-inline-grid","-webkit-flex","-webkit-inline-flex","block","contents","flex","flow","flow-root","grid","inherit","initial","inline","inline-block","inline-flex","inline-grid","inline-list-item","inline-table","list-item","none","revert","revert-layer","ruby","ruby-base","ruby-base-container","ruby-text","ruby-text-container","run-in","table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row","table-row-group","unset"],"typeRef":292},{"name":"divisor","required":false,"source":"global","typeRef":365},{"name":"dominantBaseline","required":false,"source":"global","literalValues":["alphabetic","auto","central","hanging","ideographic","inherit","mathematical","middle","no-change","reset-size","text-after-edge","text-before-edge","use-script"],"typeRef":40},{"name":"draggable","required":false,"source":"global","literalValues":[false,"false",true,"true"],"typeRef":347},{"name":"dur","required":false,"source":"global","typeRef":365},{"name":"dx","required":false,"source":"global","typeRef":365},{"name":"dy","required":false,"source":"global","typeRef":365},{"name":"edgeMode","required":false,"source":"global","typeRef":365},{"name":"elevation","required":false,"source":"global","typeRef":365},{"name":"enableBackground","required":false,"source":"global","typeRef":365},{"name":"end","required":false,"source":"global","typeRef":365},{"name":"enterKeyHint","required":false,"source":"global","literalValues":["done","enter","go","next","previous","search","send"],"typeRef":67},{"name":"exponent","required":false,"source":"global","typeRef":365},{"name":"exportparts","required":false,"source":"global","typeRef":359},{"name":"externalResourcesRequired","required":false,"source":"global","literalValues":[false,"false",true,"true"],"typeRef":347},{"name":"ff","required":false,"source":"global","literalValues":["heading","monospace","text"],"description":"FontFamily","typeRef":281},{"name":"fill","required":false,"source":"global","typeRef":359},{"name":"fillOpacity","required":false,"source":"global","typeRef":365},{"name":"fillRule","required":false,"source":"global","literalValues":["evenodd","inherit","nonzero"],"typeRef":42},{"name":"filter","required":false,"source":"global","typeRef":359},{"name":"filterRes","required":false,"source":"global","typeRef":365},{"name":"filterUnits","required":false,"source":"global","typeRef":365},{"name":"flex","required":false,"source":"global","typeRef":293},{"name":"floodColor","required":false,"source":"global","typeRef":365},{"name":"floodOpacity","required":false,"source":"global","typeRef":365},{"name":"focusable","required":false,"source":"global","literalValues":["auto",false,"false",true,"true"],"typeRef":342},{"name":"fontFamily","required":false,"source":"global","typeRef":359},{"name":"fontSize","required":false,"source":"global","typeRef":365},{"name":"fontSizeAdjust","required":false,"source":"global","typeRef":365},{"name":"fontStretch","required":false,"source":"global","typeRef":365},{"name":"fontStyle","required":false,"source":"global","typeRef":365},{"name":"fontVariant","required":false,"source":"global","typeRef":365},{"name":"fontWeight","required":false,"source":"global","typeRef":365},{"name":"format","required":false,"source":"global","typeRef":365},{"name":"fr","required":false,"source":"global","typeRef":365},{"name":"frame","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"from","required":false,"source":"global","typeRef":365},{"name":"fs","required":false,"source":"global","literalValues":["-moz-initial","inherit","initial","italic","normal","oblique","revert","revert-layer","unset"],"description":"FontStyle","typeRef":296},{"name":"fw","required":false,"source":"global","literalValues":["-moz-initial","bold","bolder","inherit","initial","lighter","normal","revert","revert-layer","unset"],"description":"FontWeight","typeRef":297},{"name":"fx","required":false,"source":"global","typeRef":365},{"name":"fy","required":false,"source":"global","typeRef":365},{"name":"fz","required":false,"source":"global","literalValues":["h1","h2","h3","h4","h5","h6","lg","md","sm","xl","xs"],"description":"FontSize, theme key: theme.fontSizes","typeRef":310},{"name":"g1","required":false,"source":"global","typeRef":365},{"name":"g2","required":false,"source":"global","typeRef":365},{"name":"glyphName","required":false,"source":"global","typeRef":365},{"name":"glyphOrientationHorizontal","required":false,"source":"global","typeRef":365},{"name":"glyphOrientationVertical","required":false,"source":"global","typeRef":365},{"name":"gradientTransform","required":false,"source":"global","typeRef":359},{"name":"gradientUnits","required":false,"source":"global","typeRef":359},{"name":"h","required":false,"source":"global","description":"Height, theme key: theme.spacing","typeRef":298},{"name":"hanging","required":false,"source":"global","typeRef":365},{"name":"headers","required":false,"source":"global","typeRef":359},{"name":"height","required":false,"source":"global","typeRef":365},{"name":"hidden","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"hiddenFrom","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"Breakpoint above which the component is hidden with `display: none`","typeRef":177},{"name":"horizAdvX","required":false,"source":"global","typeRef":365},{"name":"horizOriginX","required":false,"source":"global","typeRef":365},{"name":"href","required":false,"source":"global","typeRef":359},{"name":"id","required":false,"source":"global","description":"Static id used as base to generate `aria-` attributes, by default generates random id","typeRef":359},{"name":"ideographic","required":false,"source":"global","typeRef":365},{"name":"imageRendering","required":false,"source":"global","typeRef":365},{"name":"in","required":false,"source":"global","typeRef":359},{"name":"in2","required":false,"source":"global","typeRef":365},{"name":"inert","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"inlist","required":false,"source":"global","typeRef":370},{"name":"inputMode","required":false,"source":"global","literalValues":["decimal","email","none","numeric","search","tel","text","url"],"description":"Hints at the type of data that might be entered by the user while editing the element or its contents","typeRef":68},{"name":"intercept","required":false,"source":"global","typeRef":365},{"name":"is","required":false,"source":"global","description":"Specify that a standard HTML element should behave like a defined custom built-in element","typeRef":359},{"name":"itemID","required":false,"source":"global","typeRef":359},{"name":"itemProp","required":false,"source":"global","typeRef":359},{"name":"itemScope","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"itemType","required":false,"source":"global","typeRef":359},{"name":"k","required":false,"source":"global","typeRef":365},{"name":"k1","required":false,"source":"global","typeRef":365},{"name":"k2","required":false,"source":"global","typeRef":365},{"name":"k3","required":false,"source":"global","typeRef":365},{"name":"k4","required":false,"source":"global","typeRef":365},{"name":"kernelMatrix","required":false,"source":"global","typeRef":365},{"name":"kernelUnitLength","required":false,"source":"global","typeRef":365},{"name":"kerning","required":false,"source":"global","typeRef":365},{"name":"key","required":false,"source":"global","description":"Stable identity used by React when rendering collections.","typeRef":173},{"name":"keyPoints","required":false,"source":"global","typeRef":365},{"name":"keySplines","required":false,"source":"global","typeRef":365},{"name":"keyTimes","required":false,"source":"global","typeRef":365},{"name":"lang","required":false,"source":"global","typeRef":359},{"name":"lengthAdjust","required":false,"source":"global","typeRef":365},{"name":"letterSpacing","required":false,"source":"global","typeRef":365},{"name":"lh","required":false,"source":"global","literalValues":["h1","h2","h3","h4","h5","h6","lg","md","sm","xl","xs"],"description":"LineHeight, theme key: lineHeights","typeRef":311},{"name":"lightHidden","required":false,"source":"global","literalValues":[false,true],"description":"Determines whether component should be hidden in light color scheme with `display: none`","typeRef":341},{"name":"lightingColor","required":false,"source":"global","typeRef":365},{"name":"limitingConeAngle","required":false,"source":"global","typeRef":365},{"name":"list","required":false,"source":"global","typeRef":359},{"name":"local","required":false,"source":"global","typeRef":365},{"name":"lts","required":false,"source":"global","description":"LetterSpacing","typeRef":300},{"name":"m","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"Margin, theme key: theme.spacing","typeRef":284},{"name":"mah","required":false,"source":"global","description":"MaxHeight, theme key: theme.spacing","typeRef":301},{"name":"markerEnd","required":false,"source":"global","typeRef":359},{"name":"markerHeight","required":false,"source":"global","typeRef":365},{"name":"markerMid","required":false,"source":"global","typeRef":359},{"name":"markerStart","required":false,"source":"global","typeRef":359},{"name":"markerUnits","required":false,"source":"global","typeRef":365},{"name":"markerWidth","required":false,"source":"global","typeRef":365},{"name":"mask","required":false,"source":"global","typeRef":359},{"name":"maskContentUnits","required":false,"source":"global","typeRef":365},{"name":"maskUnits","required":false,"source":"global","typeRef":365},{"name":"mathematical","required":false,"source":"global","typeRef":365},{"name":"maw","required":false,"source":"global","description":"MaxWidth, theme key: theme.spacing","typeRef":302},{"name":"max","required":false,"source":"global","typeRef":365},{"name":"maxLength","required":false,"source":"global","typeRef":353},{"name":"mb","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginBottom, theme key: theme.spacing","typeRef":284},{"name":"me","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginInlineEnd, theme key: theme.spacing","typeRef":284},{"name":"media","required":false,"source":"global","typeRef":359},{"name":"method","required":false,"source":"global","typeRef":359},{"name":"mie","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginInlineEnd, theme key: theme.spacing","typeRef":284},{"name":"mih","required":false,"source":"global","description":"MinHeight, theme key: theme.spacing","typeRef":303},{"name":"min","required":false,"source":"global","typeRef":365},{"name":"minLength","required":false,"source":"global","typeRef":353},{"name":"mis","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginInlineStart, theme key: theme.spacing","typeRef":284},{"name":"miw","required":false,"source":"global","description":"MinWidth, theme key: theme.spacing","typeRef":304},{"name":"ml","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginLeft, theme key: theme.spacing","typeRef":284},{"name":"mod","required":false,"source":"global","description":"Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed","typeRef":143},{"name":"mode","required":false,"source":"global","typeRef":365},{"name":"mr","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginRight, theme key: theme.spacing","typeRef":284},{"name":"ms","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginInlineStart, theme key: theme.spacing","typeRef":284},{"name":"mt","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginTop, theme key: theme.spacing","typeRef":284},{"name":"multiple","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"mx","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginInline, theme key: theme.spacing","typeRef":284},{"name":"my","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"MarginBlock, theme key: theme.spacing","typeRef":284},{"name":"name","required":false,"source":"global","typeRef":359},{"name":"nonce","required":false,"source":"global","typeRef":359},{"name":"numOctaves","required":false,"source":"global","typeRef":365},{"name":"offset","required":false,"source":"global","typeRef":365},{"name":"opacity","required":false,"source":"global","literalValues":["-moz-initial","inherit","initial","revert","revert-layer","unset"],"typeRef":305},{"name":"operator","required":false,"source":"global","typeRef":365},{"name":"order","required":false,"source":"global","typeRef":365},{"name":"orient","required":false,"source":"global","typeRef":365},{"name":"orientation","required":false,"source":"global","typeRef":365},{"name":"origin","required":false,"source":"global","typeRef":365},{"name":"overflow","required":false,"source":"global","typeRef":365},{"name":"overlinePosition","required":false,"source":"global","typeRef":365},{"name":"overlineThickness","required":false,"source":"global","typeRef":365},{"name":"p","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"Padding, theme key: theme.spacing","typeRef":284},{"name":"paintOrder","required":false,"source":"global","typeRef":365},{"name":"panose1","required":false,"source":"global","typeRef":365},{"name":"part","required":false,"source":"global","typeRef":359},{"name":"path","required":false,"source":"global","typeRef":359},{"name":"pathLength","required":false,"source":"global","typeRef":365},{"name":"pattern","required":false,"source":"global","typeRef":359},{"name":"patternContentUnits","required":false,"source":"global","typeRef":359},{"name":"patternTransform","required":false,"source":"global","typeRef":365},{"name":"patternUnits","required":false,"source":"global","typeRef":359},{"name":"pb","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingBottom, theme key: theme.spacing","typeRef":284},{"name":"pe","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingInlineEnd, theme key: theme.spacing","typeRef":284},{"name":"pie","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingInlineEnd, theme key: theme.spacing","typeRef":284},{"name":"pis","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingInlineStart, theme key: theme.spacing","typeRef":284},{"name":"pl","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingLeft, theme key: theme.spacing","typeRef":284},{"name":"placeholder","required":false,"source":"global","typeRef":359},{"name":"pointerEvents","required":false,"source":"global","typeRef":365},{"name":"points","required":false,"source":"global","typeRef":359},{"name":"pointsAtX","required":false,"source":"global","typeRef":365},{"name":"pointsAtY","required":false,"source":"global","typeRef":365},{"name":"pointsAtZ","required":false,"source":"global","typeRef":365},{"name":"pr","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingRight, theme key: theme.spacing","typeRef":284},{"name":"prefix","required":false,"source":"global","typeRef":359},{"name":"preserveAlpha","required":false,"source":"global","literalValues":[false,"false",true,"true"],"typeRef":347},{"name":"preserveAspectRatio","required":false,"source":"global","typeRef":359},{"name":"primitiveUnits","required":false,"source":"global","typeRef":365},{"name":"property","required":false,"source":"global","typeRef":359},{"name":"ps","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingInlineStart, theme key: theme.spacing","typeRef":284},{"name":"pt","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingTop, theme key: theme.spacing","typeRef":284},{"name":"px","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingInline, theme key: theme.spacing","typeRef":284},{"name":"py","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"PaddingBlock, theme key: theme.spacing","typeRef":284},{"name":"r","required":false,"source":"global","typeRef":365},{"name":"radioGroup","required":false,"source":"global","typeRef":359},{"name":"radius","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem","typeRef":180},{"name":"readOnly","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"rel","required":false,"source":"global","typeRef":359},{"name":"renderingIntent","required":false,"source":"global","typeRef":365},{"name":"repeatCount","required":false,"source":"global","typeRef":365},{"name":"repeatDur","required":false,"source":"global","typeRef":365},{"name":"required","required":false,"source":"global","literalValues":[false,true],"typeRef":341},{"name":"requiredExtensions","required":false,"source":"global","typeRef":365},{"name":"requiredFeatures","required":false,"source":"global","typeRef":365},{"name":"resource","required":false,"source":"global","typeRef":359},{"name":"restart","required":false,"source":"global","typeRef":365},{"name":"result","required":false,"source":"global","typeRef":359},{"name":"results","required":false,"source":"global","typeRef":353},{"name":"rev","required":false,"source":"global","typeRef":359},{"name":"role","required":false,"source":"global","typeRef":140},{"name":"rotate","required":false,"source":"global","typeRef":365},{"name":"rowSpan","required":false,"source":"global","typeRef":353},{"name":"rows","required":false,"source":"global","typeRef":353},{"name":"rules","required":false,"source":"global","literalValues":["all","columns","groups","none","rows"],"typeRef":54},{"name":"rx","required":false,"source":"global","typeRef":365},{"name":"ry","required":false,"source":"global","typeRef":365},{"name":"scale","required":false,"source":"global","typeRef":365},{"name":"scope","required":false,"source":"global","typeRef":359},{"name":"security","required":false,"source":"global","typeRef":359},{"name":"seed","required":false,"source":"global","typeRef":365},{"name":"shadow","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.shadows` or any other valid CSS `box-shadow` value","typeRef":181},{"name":"shapeRendering","required":false,"source":"global","typeRef":365},{"name":"size","required":false,"source":"global","literalValues":["compact-lg","compact-md","compact-sm","compact-xl","compact-xs","input-lg","input-md","input-sm","input-xl","input-xs","lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"slope","required":false,"source":"global","typeRef":365},{"name":"slot","required":false,"source":"global","typeRef":359},{"name":"spacing","required":false,"source":"global","typeRef":365},{"name":"specularConstant","required":false,"source":"global","typeRef":365},{"name":"specularExponent","required":false,"source":"global","typeRef":365},{"name":"speed","required":false,"source":"global","typeRef":365},{"name":"spellCheck","required":false,"source":"global","literalValues":[false,"false",true,"true"],"typeRef":347},{"name":"spreadMethod","required":false,"source":"global","typeRef":359},{"name":"src","required":false,"source":"global","typeRef":359},{"name":"startOffset","required":false,"source":"global","typeRef":365},{"name":"stdDeviation","required":false,"source":"global","typeRef":365},{"name":"stemh","required":false,"source":"global","typeRef":365},{"name":"stemv","required":false,"source":"global","typeRef":365},{"name":"step","required":false,"source":"global","typeRef":365},{"name":"stitchTiles","required":false,"source":"global","typeRef":365},{"name":"stopColor","required":false,"source":"global","typeRef":359},{"name":"stopOpacity","required":false,"source":"global","typeRef":365},{"name":"strikethroughPosition","required":false,"source":"global","typeRef":365},{"name":"strikethroughThickness","required":false,"source":"global","typeRef":365},{"name":"string","required":false,"source":"global","typeRef":365},{"name":"stroke","required":false,"source":"global","typeRef":359},{"name":"strokeDasharray","required":false,"source":"global","typeRef":365},{"name":"strokeDashoffset","required":false,"source":"global","typeRef":365},{"name":"strokeLinecap","required":false,"source":"global","literalValues":["butt","inherit","round","square"],"typeRef":43},{"name":"strokeLinejoin","required":false,"source":"global","literalValues":["bevel","inherit","miter","round"],"typeRef":44},{"name":"strokeMiterlimit","required":false,"source":"global","typeRef":365},{"name":"strokeOpacity","required":false,"source":"global","typeRef":365},{"name":"strokeWidth","required":false,"source":"global","typeRef":365},{"name":"style","required":false,"source":"global","description":"Style to apply to the root element, used for virtualizer positioning","typeRef":146},{"name":"styles","required":false,"source":"global","typeRef":220},{"name":"summary","required":false,"source":"global","typeRef":359},{"name":"surfaceScale","required":false,"source":"global","typeRef":365},{"name":"systemLanguage","required":false,"source":"global","typeRef":365},{"name":"ta","required":false,"source":"global","literalValues":["-khtml-center","-khtml-left","-khtml-right","-moz-center","-moz-initial","-moz-left","-moz-right","-webkit-center","-webkit-left","-webkit-match-parent","-webkit-right","center","end","inherit","initial","justify","left","match-parent","revert","revert-layer","right","start","unset"],"description":"TextAlign","typeRef":306},{"name":"tabIndex","required":false,"source":"global","description":"Tab index for the node","typeRef":353},{"name":"tableValues","required":false,"source":"global","typeRef":365},{"name":"target","required":false,"source":"global","typeRef":359},{"name":"targetX","required":false,"source":"global","typeRef":365},{"name":"targetY","required":false,"source":"global","typeRef":365},{"name":"td","required":false,"source":"global","description":"TextDecoration","typeRef":307},{"name":"textAnchor","required":false,"source":"global","literalValues":["end","inherit","middle","start"],"typeRef":41},{"name":"textDecoration","required":false,"source":"global","typeRef":365},{"name":"textLength","required":false,"source":"global","typeRef":365},{"name":"textRendering","required":false,"source":"global","typeRef":365},{"name":"title","required":false,"source":"global","description":"Item title, displayed next to the bullet","typeRef":359},{"name":"to","required":false,"source":"global","typeRef":365},{"name":"transform","required":false,"source":"global","typeRef":359},{"name":"translate","required":false,"source":"global","literalValues":["no","yes"],"typeRef":83},{"name":"tt","required":false,"source":"global","literalValues":["-moz-initial","capitalize","full-size-kana","full-width","inherit","initial","lowercase","math-auto","none","revert","revert-layer","unset","uppercase"],"description":"TextTransform","typeRef":308},{"name":"type","required":false,"source":"global","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":20},{"name":"typeof","required":false,"source":"global","typeRef":359},{"name":"u1","required":false,"source":"global","typeRef":365},{"name":"u2","required":false,"source":"global","typeRef":365},{"name":"underlinePosition","required":false,"source":"global","typeRef":365},{"name":"underlineThickness","required":false,"source":"global","typeRef":365},{"name":"unicode","required":false,"source":"global","typeRef":365},{"name":"unicodeBidi","required":false,"source":"global","typeRef":365},{"name":"unicodeRange","required":false,"source":"global","typeRef":365},{"name":"unitsPerEm","required":false,"source":"global","typeRef":365},{"name":"unselectable","required":false,"source":"global","literalValues":["off","on"],"typeRef":64},{"name":"vAlphabetic","required":false,"source":"global","typeRef":365},{"name":"vHanging","required":false,"source":"global","typeRef":365},{"name":"vIdeographic","required":false,"source":"global","typeRef":365},{"name":"vMathematical","required":false,"source":"global","typeRef":365},{"name":"valign","required":false,"source":"global","literalValues":["baseline","bottom","middle","top"],"typeRef":17},{"name":"value","required":false,"source":"global","typeRef":366},{"name":"values","required":false,"source":"global","typeRef":359},{"name":"variant","required":false,"source":"global","literalValues":["contained","contrast","dashed","default","dot","dotted","filled","gradient","light","outline","pills","separated","solid","subtle","text","transparent","unstyled","vertical","white"],"description":"Variant passed from parent component, sets `data-variant`","typeRef":359},{"name":"vectorEffect","required":false,"source":"global","typeRef":365},{"name":"version","required":false,"source":"global","typeRef":359},{"name":"vertAdvY","required":false,"source":"global","typeRef":365},{"name":"vertOriginX","required":false,"source":"global","typeRef":365},{"name":"vertOriginY","required":false,"source":"global","typeRef":365},{"name":"viewBox","required":false,"source":"global","typeRef":359},{"name":"viewTarget","required":false,"source":"global","typeRef":365},{"name":"visibility","required":false,"source":"global","typeRef":365},{"name":"visibleFrom","required":false,"source":"global","literalValues":["lg","md","sm","xl","xs"],"description":"Breakpoint below which the component is hidden with `display: none`","typeRef":177},{"name":"vocab","required":false,"source":"global","typeRef":359},{"name":"w","required":false,"source":"global","description":"Width, theme key: theme.spacing","typeRef":309},{"name":"width","required":false,"source":"global","typeRef":365},{"name":"widths","required":false,"source":"global","typeRef":365},{"name":"withBorder","required":false,"source":"global","literalValues":[false,true],"description":"Adds border to the root element","typeRef":341},{"name":"wordSpacing","required":false,"source":"global","typeRef":365},{"name":"wrap","required":false,"source":"global","typeRef":359},{"name":"writingMode","required":false,"source":"global","typeRef":365},{"name":"x","required":false,"source":"global","typeRef":365},{"name":"x1","required":false,"source":"global","typeRef":365},{"name":"x2","required":false,"source":"global","typeRef":365},{"name":"xChannelSelector","required":false,"source":"global","typeRef":359},{"name":"xHeight","required":false,"source":"global","typeRef":365},{"name":"xlinkActuate","required":false,"source":"global","typeRef":359},{"name":"xlinkArcrole","required":false,"source":"global","typeRef":359},{"name":"xlinkHref","required":false,"source":"global","typeRef":359},{"name":"xlinkRole","required":false,"source":"global","typeRef":359},{"name":"xlinkShow","required":false,"source":"global","typeRef":359},{"name":"xlinkTitle","required":false,"source":"global","typeRef":359},{"name":"xlinkType","required":false,"source":"global","typeRef":359},{"name":"xmlBase","required":false,"source":"global","typeRef":359},{"name":"xmlLang","required":false,"source":"global","typeRef":359},{"name":"xmlSpace","required":false,"source":"global","typeRef":359},{"name":"xmlns","required":false,"source":"global","typeRef":359},{"name":"xmlnsXlink","required":false,"source":"global","typeRef":359},{"name":"y","required":false,"source":"global","typeRef":365},{"name":"y1","required":false,"source":"global","typeRef":365},{"name":"y2","required":false,"source":"global","typeRef":365},{"name":"yChannelSelector","required":false,"source":"global","typeRef":359},{"name":"z","required":false,"source":"global","typeRef":365},{"name":"zoomAndPan","required":false,"source":"global","typeRef":359}],"blockedCapabilities":[{"kind":"prop","name":"__proto__","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"apply","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"arguments","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"autoFocus","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"backdropFilter","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"behavior","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"bottom","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"call","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"callee","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"caller","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"children","reason":"Children must be expressed as interpreted JSX, not passed as a raw prop."},{"kind":"prop","name":"className","reason":"Unscoped class injection can escape widget CSS isolation."},{"kind":"prop","name":"classNames","reason":"Unscoped class injection can escape widget CSS isolation."},{"kind":"prop","name":"classes","reason":"Unscoped class injection can escape widget CSS isolation."},{"kind":"prop","name":"clipPath","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"component","reason":"Polymorphic roots can replace the Homarr-owned element boundary."},{"kind":"prop","name":"constructor","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"content","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"contentEditable","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"dangerouslySetInnerHTML","reason":"Raw HTML injection is not available to authored widgets."},{"kind":"prop","name":"filter","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"form","reason":"External form submission is outside the named-request security boundary."},{"kind":"prop","name":"formAction","reason":"External form submission is outside the named-request security boundary."},{"kind":"prop","name":"formEncType","reason":"External form submission is outside the named-request security boundary."},{"kind":"prop","name":"formMethod","reason":"External form submission is outside the named-request security boundary."},{"kind":"prop","name":"formNoValidate","reason":"External form submission is outside the named-request security boundary."},{"kind":"prop","name":"formTarget","reason":"External form submission is outside the named-request security boundary."},{"kind":"prop","name":"innerRef","reason":"Refs expose underlying React components and DOM nodes."},{"kind":"prop","name":"inset","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"left","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"mask","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"ping","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"pointerEvents","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"popover","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"popoverTarget","reason":"Portal targeting can render or interact outside the widget root."},{"kind":"prop","name":"popoverTargetAction","reason":"Portal targeting can render or interact outside the widget root."},{"kind":"prop","name":"portalProps","reason":"Portal targeting can render or interact outside the widget root."},{"kind":"prop","name":"pos","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"position","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"prototype","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"ref","reason":"Refs expose underlying React components and DOM nodes."},{"kind":"prop","name":"renderRoot","reason":"Polymorphic roots can replace the Homarr-owned element boundary."},{"kind":"prop","name":"right","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"srcDoc","reason":"Raw HTML injection is not available to authored widgets."},{"kind":"prop","name":"suppressContentEditableWarning","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"suppressHydrationWarning","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"top","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop","name":"withinPortal","reason":"Portal targeting can render or interact outside the widget root."},{"kind":"prop","name":"zIndex","reason":"This capability is blocked by the Custom JSX safety boundary."},{"kind":"prop-pattern","name":"on*","reason":"Authored event callbacks can execute code outside the declarative runtime."},{"kind":"prop-pattern","name":"*Ref","reason":"Refs expose underlying React components and DOM nodes."},{"kind":"prop-pattern","name":"__*","reason":"Private and prototype-related properties are outside the supported authoring surface."}],"components":[{"name":"Accordion","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion/","props":[{"name":"attributes","required":false,"source":"component","typeRef":421},{"name":"chevron","required":false,"source":"component","description":"Custom chevron icon","typeRef":263},{"name":"chevronIconSize","required":false,"source":"component","description":"Size of the default chevron icon. Ignored when `chevron` prop is set. Use `chevronSize` instead when using custom chevron.","typeRef":365},{"name":"chevronPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the chevron relative to the item label","typeRef":47},{"name":"chevronSize","required":false,"source":"component","description":"Size of the chevron icon container","typeRef":365},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":138},{"name":"disableChevronRotation","required":false,"source":"component","literalValues":[false,true],"description":"If set, chevron rotation is disabled","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set to `false`, panels are unmounted when collapsed. By default, panels stay mounted when collapsed.","typeRef":341},{"name":"loop","required":false,"source":"component","literalValues":[false,true],"description":"If set, arrow keys loop through items (first to last and last to first)","typeRef":341},{"name":"multiple","required":false,"source":"component","description":"If set, multiple items can be opened at the same time","typeRef":186},{"name":"order","required":false,"source":"component","literalValues":[2,3,4,5,6],"description":"Sets heading level (h2-h6) for `Accordion.Control` elements. Wraps each control in the corresponding heading tag, recommended to meet WAI-ARIA accessibility requirements. Has no visual effect.","typeRef":136},{"name":"transitionDuration","required":false,"source":"component","description":"Transition duration in ms","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":138},{"name":"variant","required":false,"source":"component","literalValues":["contained","default","filled","separated"],"typeRef":112}],"blockedProps":[],"subcomponents":["Accordion.Chevron","Accordion.Control","Accordion.Item","Accordion.Panel"],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Accordion.Chevron","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"display","required":false,"source":"component","typeRef":365},{"name":"opacity","required":false,"source":"component","typeRef":365},{"name":"radius","required":false,"source":"component","typeRef":365},{"name":"size","required":false,"source":"component","description":"Controls `width` and `height` of the icon, `16` by default","typeRef":365},{"name":"type","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Accordion.Control","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion/","props":[{"name":"chevron","required":false,"source":"component","description":"Custom chevron icon","typeRef":263},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"icon","required":false,"source":"component","description":"Icon displayed next to the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":227},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Accordion.Item","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":217},{"name":"value","required":true,"source":"component","description":"Value that is used to manage the accordion state","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Accordion.Panel","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, overrides the Accordion-level `keepMounted` value. When undefined (default), uses Accordion's `keepMounted` setting.","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":228},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"AccordionChevron","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion-chevron/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"display","required":false,"source":"component","typeRef":365},{"name":"opacity","required":false,"source":"component","typeRef":365},{"name":"radius","required":false,"source":"component","typeRef":365},{"name":"size","required":false,"source":"component","description":"Controls `width` and `height` of the icon, `16` by default","typeRef":365},{"name":"type","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"AccordionControl","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion-control/","props":[{"name":"chevron","required":false,"source":"component","description":"Custom chevron icon","typeRef":263},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"icon","required":false,"source":"component","description":"Icon displayed next to the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":227},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"AccordionItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion-item/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":217},{"name":"value","required":true,"source":"component","description":"Value that is used to manage the accordion state","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"AccordionPanel","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/accordion-panel/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, overrides the Accordion-level `keepMounted` value. When undefined (default), uses Accordion's `keepMounted` setting.","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":228},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"ActionButton","package":"@homarr/widgets","category":"network","safety":"wrapped","description":"Runs a named user-triggered action.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"color","source":"component","required":false,"typeRef":359},{"name":"confirmMessage","source":"component","required":false,"typeRef":359},{"name":"disabled","source":"component","required":false,"typeRef":338},{"name":"errorMessage","source":"component","required":false,"typeRef":359},{"name":"fullWidth","source":"component","required":false,"typeRef":338},{"name":"icon","source":"component","required":false,"typeRef":359},{"name":"label","source":"component","required":false,"typeRef":359},{"name":"params","source":"component","required":false,"typeRef":270},{"name":"requestId","source":"component","required":false,"description":"Identifier of the named Custom Widget action.","typeRef":359},{"name":"size","source":"component","required":false,"typeRef":359},{"name":"successMessage","source":"component","required":false,"typeRef":359},{"name":"variant","source":"component","required":false,"typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Action labels must describe their effect; destructive actions require confirmation."]},{"name":"ActionIcon","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/action-icon/","props":[{"name":"attributes","required":false,"source":"component","typeRef":459},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color.","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"gradient","required":false,"source":"component","description":"Gradient values used with `variant=\"gradient\"`.","typeRef":179},{"name":"loaderProps","required":false,"source":"component","description":"Props passed down to the `Loader` component. Ignored when `loading` prop is not set.","typeRef":176},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"If set, `Loader` component is displayed instead of the `children`","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["input-lg","input-md","input-sm","input-xl","input-xs","lg","md","sm","xl","xs"],"description":"Controls width and height of the button. Numbers are converted to rem.","typeRef":356},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","gradient","light","outline","subtle","transparent","white"],"typeRef":113}],"blockedProps":[],"subcomponents":["ActionIcon.Group","ActionIcon.GroupSection"],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ActionIcon.Group","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/action-icon/","props":[{"name":"attributes","required":false,"source":"component","typeRef":400},{"name":"borderWidth","required":false,"source":"component","description":"`border-width` of the child components.","typeRef":365},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Group orientation","typeRef":36},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ActionIcon.GroupSection","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/action-icon/","props":[{"name":"attributes","required":false,"source":"component","typeRef":401},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"gradient","required":false,"source":"component","description":"Gradient values used with `variant=\"gradient\"`.","typeRef":179},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls section `height`, `font-size` and horizontal `padding`","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","gradient","light","outline","subtle","transparent","white"],"typeRef":113}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ActionIconGroup","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/action-icon-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":400},{"name":"borderWidth","required":false,"source":"component","description":"`border-width` of the child components.","typeRef":365},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Group orientation","typeRef":36},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ActionIconGroupSection","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/action-icon-group-section/","props":[{"name":"attributes","required":false,"source":"component","typeRef":401},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"gradient","required":false,"source":"component","description":"Gradient values used with `variant=\"gradient\"`.","typeRef":179},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls section `height`, `font-size` and horizontal `padding`","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","gradient","light","outline","subtle","transparent","white"],"typeRef":113}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Affix","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/affix/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes the widget layout boundary"},{"name":"Alert","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/alert/","props":[{"name":"attributes","required":false,"source":"component","typeRef":378},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"closeButtonLabel","required":false,"source":"component","description":"Close button `aria-label`","typeRef":359},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"icon","required":false,"source":"component","description":"Icon displayed next to the title","typeRef":263},{"name":"title","required":false,"source":"component","description":"Alert title","typeRef":263},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","light","outline","transparent","white"],"typeRef":114},{"name":"withCloseButton","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether close button should be displayed","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"AlphaSlider","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/alpha-slider/","props":[{"name":"attributes","required":false,"source":"component","typeRef":474},{"name":"color","required":true,"source":"component","typeRef":359},{"name":"focusable","required":false,"source":"component","literalValues":[false,true],"description":"If set, slider thumb can be focused","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Slider size","typeRef":182},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":true,"source":"component","description":"Controlled component value","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Anchor","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/anchor/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration, ignored when `variant` is not `gradient`","typeRef":179},{"name":"inherit","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether font properties should be inherited from the parent","typeRef":341},{"name":"inline","required":false,"source":"component","literalValues":[false,true],"description":"Sets `line-height` to 1 for centering","typeRef":341},{"name":"lineClamp","required":false,"source":"component","description":"Number of lines after which Text will be truncated","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls `font-size` and `line-height`","typeRef":82},{"name":"textWrap","required":false,"source":"component","literalValues":["balance","nowrap","pretty","stable","wrap"],"description":"Controls `text-wrap` CSS property","typeRef":79},{"name":"truncate","required":false,"source":"component","literalValues":["end",false,"start",true],"description":"Side on which Text must be truncated, if `true`, text is truncated from the start","typeRef":344},{"name":"underline","required":false,"source":"component","literalValues":["always","hover","never","not-hover"],"description":"Defines when `text-decoration: underline` styles are applied.","typeRef":10},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["gradient","text"],"typeRef":131}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"AngleSlider","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/angle-slider/","props":[{"name":"attributes","required":false,"source":"component","typeRef":423},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":353},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":261},{"name":"marks","required":false,"source":"component","description":"Array of marks displayed on the slider","typeRef":477},{"name":"restrictToMarks","required":false,"source":"component","literalValues":[false,true],"description":"If set, the selection is allowed only from the given marks array","typeRef":341},{"name":"size","required":false,"source":"component","description":"Slider size in px","typeRef":353},{"name":"step","required":false,"source":"component","description":"Step between values","typeRef":353},{"name":"thumbSize","required":false,"source":"component","description":"Size of the thumb in px. Calculated based on the `size` value by default.","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withLabel","required":false,"source":"component","literalValues":[false,true],"description":"If set, the label is displayed inside the slider","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"AppShell","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":["AppShell.Aside","AppShell.Footer","AppShell.Header","AppShell.Main","AppShell.Navbar","AppShell.Section"],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShell.Aside","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShell.Footer","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShell.Header","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShell.Main","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShell.Navbar","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShell.Section","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShellAside","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell-aside/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShellFooter","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell-footer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShellHeader","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell-header/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShellMain","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell-main/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShellNavbar","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell-navbar/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AppShellSection","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/app-shell-section/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"AreaChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/area-chart/","props":[{"name":"activeDotProps","required":false,"source":"component","description":"Props passed down to all active dots. Ignored if `withDots={false}` is set.","typeRef":178},{"name":"areaChartProps","required":false,"source":"component","description":"Props passed down to recharts `AreaChart` component","typeRef":91},{"name":"attributes","required":false,"source":"component","typeRef":371},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"connectNulls","required":false,"source":"component","literalValues":[false,true],"description":"If set, points with `null` values are connected","typeRef":341},{"name":"curveType","required":false,"source":"component","literalValues":["bump","linear","monotone","natural","step","stepAfter","stepBefore"],"description":"Type of the curve","typeRef":69},{"name":"data","required":true,"source":"component","description":"Data used to display chart","typeRef":148},{"name":"dataKey","required":true,"source":"component","description":"Key of the `data` object for x-axis values","typeRef":359},{"name":"dotProps","required":false,"source":"component","description":"Props passed down to all dots. Ignored if `withDots={false}` is set.","typeRef":178},{"name":"fillOpacity","required":false,"source":"component","description":"Controls fill opacity of all areas","typeRef":353},{"name":"gridAxis","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which lines should be displayed in the grid, `'x'` by default","typeRef":61},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the grid and cursor lines, by default depends on color scheme","typeRef":162},{"name":"gridProps","required":false,"source":"component","description":"Props passed down to the `CartesianGrid` component","typeRef":189},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to the `Legend` component","typeRef":190},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Chart orientation, `'horizontal'` by default","typeRef":36},{"name":"referenceLines","required":false,"source":"component","description":"Reference lines that should be displayed on the chart","typeRef":149},{"name":"rightYAxisLabel","required":false,"source":"component","description":"A label to display next to the right y-axis","typeRef":359},{"name":"rightYAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component rendered on the right side","typeRef":199},{"name":"series","required":true,"source":"component","description":"An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array.","typeRef":139},{"name":"splitColors","required":false,"source":"component","description":"A tuple of colors used when `type=\"split\"` is set, ignored in all other cases. A tuple may include theme colors reference or any valid CSS colors","typeRef":333},{"name":"splitOffset","required":false,"source":"component","description":"Offset for the split gradient. By default, value is inferred from `data` and `series` if possible. Must be generated from the data array with `getSplitOffset` function.","typeRef":353},{"name":"strokeWidth","required":false,"source":"component","description":"Stroke width for the chart areas","typeRef":353},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the text displayed inside the chart, `'dimmed'` by default","typeRef":162},{"name":"tickLine","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which axis should have tick line, `'y'` by default","typeRef":61},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip position animation duration in ms, `0` by default","typeRef":353},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip` component","typeRef":197},{"name":"type","required":false,"source":"component","literalValues":["default","percent","split","stacked"],"description":"Controls how chart areas are positioned relative to each other","typeRef":29},{"name":"unit","required":false,"source":"component","description":"Unit displayed next to each tick in y-axis","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withDots","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dots should be displayed","typeRef":341},{"name":"withGradient","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the chart area should be represented with a gradient instead of the solid color","typeRef":341},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart legend should be displayed, `false` by default","typeRef":341},{"name":"withPointLabels","required":false,"source":"component","literalValues":[false,true],"description":"If set, each point has an associated label","typeRef":341},{"name":"withRightYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart tooltip should be displayed, `true` by default","typeRef":341},{"name":"withXAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether x-axis should be displayed, `true` by default","typeRef":341},{"name":"withYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether y-axis should be displayed, `true` by default","typeRef":341},{"name":"xAxisLabel","required":false,"source":"component","description":"A label to display below the x-axis","typeRef":359},{"name":"xAxisProps","required":false,"source":"component","description":"Props passed down to the `XAxis` recharts component","typeRef":198},{"name":"yAxisLabel","required":false,"source":"component","description":"A label to display next to the y-axis","typeRef":359},{"name":"yAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component","typeRef":199}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"AreaGradient","package":"@mantine/charts","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/charts/area-gradient/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level chart implementation helper"},{"name":"AspectRatio","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/aspect-ratio/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"ratio","required":false,"source":"component","description":"Aspect ratio, for example, `16 / 9`, `4 / 3`, `1920 / 1080`","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Autocomplete","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/autocomplete/","props":[{"name":"attributes","required":false,"source":"component","typeRef":405},{"name":"autoSelectOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"If set, the highlighted option is selected when the input loses focus","typeRef":341},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":172},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, the clear button is displayed when the component has a value","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"comboboxProps","required":false,"source":"component","description":"Props passed down to `Combobox` component","typeRef":153},{"name":"data","required":false,"source":"component","description":"Data used to display options. Values must be unique.","typeRef":152},{"name":"defaultDropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled dropdown initial opened state","typeRef":341},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":359},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"dropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled dropdown opened state","typeRef":341},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"floatingHeight","required":false,"source":"component","literalValues":["viewport"],"description":"If set to `'viewport'`, the dropdown grows to fill the available vertical space in the viewport. Disables the `flip` middleware.","typeRef":78},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"limit","required":false,"source":"component","description":"Maximum number of options displayed at a time, `Infinity` by default","typeRef":353},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"maxDropdownHeight","required":false,"source":"component","description":"`max-height` of the dropdown, only applicable when `withScrollArea` prop is `true`, `250` by default","typeRef":365},{"name":"openOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown opens when the input receives focus","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed to the underlying `ScrollArea` component in the dropdown","typeRef":274},{"name":"selectFirstOptionOnChange","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when value changes, `false` by default","typeRef":341},{"name":"selectFirstOptionOnDropdownOpen","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when dropdown opens, `false` by default","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withScrollArea","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the options should be wrapped with `ScrollArea.AutoSize`, `true` by default","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Avatar","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/avatar/","props":[{"name":"allowedInitialsColors","required":false,"source":"component","description":"A list of colors that is used for autogenerated initials. By default, all default Mantine colors can be used except gray and dark.","typeRef":164},{"name":"attributes","required":false,"source":"component","typeRef":404},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","initials","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":163},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration for `variant=\"gradient\"`","typeRef":179},{"name":"imageProps","required":false,"source":"component","description":"Attributes passed down to `img` element","typeRef":260},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Width and height of the avatar, numbers are converted to rem","typeRef":355},{"name":"src","required":false,"source":"component","description":"Image url, if the image cannot be loaded or `src={null}`, then placeholder is displayed instead","typeRef":352},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","gradient","light","outline","transparent","white"],"typeRef":115}],"blockedProps":[],"subcomponents":["Avatar.Group"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Avatar.Group","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/avatar/","props":[{"name":"attributes","required":false,"source":"component","typeRef":400},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"spacing","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Negative space between Avatar components","typeRef":183},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"AvatarGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/avatar-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":400},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"spacing","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Negative space between Avatar components","typeRef":183},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"BackgroundImage","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/background-image/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"src","required":true,"source":"component","description":"Image url","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Badge","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/badge/","props":[{"name":"attributes","required":false,"source":"component","typeRef":432},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"circle","required":false,"source":"component","literalValues":[false,true],"description":"If set, badge `min-width` becomes equal to its `height` and horizontal padding is removed","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether Badge should take 100% of its parent width","typeRef":341},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration used when `variant=\\\"gradient\\\"`","typeRef":179},{"name":"leftSection","required":false,"source":"component","description":"Content displayed on the left side of the badge label","typeRef":263},{"name":"rightSection","required":false,"source":"component","description":"Content displayed on the right side of the badge label","typeRef":263},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls `font-size`, `height` and horizontal `padding`","typeRef":182},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","dot","filled","gradient","light","outline","transparent","white"],"typeRef":116}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"BarChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/bar-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":436},{"name":"barChartProps","required":false,"source":"component","description":"Props passed down to recharts `BarChart` component","typeRef":91},{"name":"barLabelColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the bar label, by default the value is determined by the chart orientation","typeRef":162},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"cursorFill","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Fill of hovered bar section, by default value is based on color scheme","typeRef":162},{"name":"data","required":true,"source":"component","description":"Data used to display chart.","typeRef":267},{"name":"dataKey","required":true,"source":"component","description":"Key of the `data` object for x-axis values","typeRef":359},{"name":"fillOpacity","required":false,"source":"component","description":"Controls fill opacity of all bars","typeRef":353},{"name":"gridAxis","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which lines should be displayed in the grid, `'x'` by default","typeRef":61},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the grid and cursor lines, by default depends on color scheme","typeRef":162},{"name":"gridProps","required":false,"source":"component","description":"Props passed down to the `CartesianGrid` component","typeRef":189},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to the `Legend` component","typeRef":190},{"name":"maxBarWidth","required":false,"source":"component","description":"Maximum bar width in px","typeRef":353},{"name":"minBarSize","required":false,"source":"component","description":"Sets minimum height of the bar in px","typeRef":353},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Chart orientation, `'horizontal'` by default","typeRef":36},{"name":"referenceLines","required":false,"source":"component","description":"Reference lines that should be displayed on the chart","typeRef":149},{"name":"rightYAxisLabel","required":false,"source":"component","description":"A label to display next to the right y-axis","typeRef":359},{"name":"rightYAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component rendered on the right side","typeRef":199},{"name":"series","required":true,"source":"component","description":"An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array.","typeRef":141},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the text displayed inside the chart, `'dimmed'` by default","typeRef":162},{"name":"tickLine","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which axis should have tick line, `'y'` by default","typeRef":61},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip position animation duration in ms, `0` by default","typeRef":353},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip` component","typeRef":197},{"name":"type","required":false,"source":"component","literalValues":["default","percent","stacked","waterfall"],"description":"Controls how bars are positioned relative to each other","typeRef":30},{"name":"unit","required":false,"source":"component","description":"Unit displayed next to each tick in y-axis","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withBarValueLabel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether a label with bar value should be displayed on top of each bar, incompatible with `type=\"stacked\"` and `type=\"percent\"`","typeRef":341},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart legend should be displayed, `false` by default","typeRef":341},{"name":"withRightYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart tooltip should be displayed, `true` by default","typeRef":341},{"name":"withXAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether x-axis should be displayed, `true` by default","typeRef":341},{"name":"withYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether y-axis should be displayed, `true` by default","typeRef":341},{"name":"xAxisLabel","required":false,"source":"component","description":"A label to display below the x-axis","typeRef":359},{"name":"xAxisProps","required":false,"source":"component","description":"Props passed down to the `XAxis` recharts component","typeRef":198},{"name":"yAxisLabel","required":false,"source":"component","description":"A label to display next to the y-axis","typeRef":359},{"name":"yAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component","typeRef":199}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"BarsList","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/bars-list/","props":[{"name":"attributes","required":false,"source":"component","typeRef":453},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color","typeRef":341},{"name":"barColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Default bar background color, used when item does not have color specified","typeRef":162},{"name":"barGap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls gap between bars","typeRef":183},{"name":"barHeight","required":false,"source":"component","description":"Bar height","typeRef":365},{"name":"barTextColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Bar text color, overrides autoContrast","typeRef":162},{"name":"barsLabel","required":false,"source":"component","description":"Label displayed above the bars column","typeRef":359},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Data for bars","typeRef":142},{"name":"minBarSize","required":false,"source":"component","description":"Minimum bar width","typeRef":365},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"valueLabel","required":false,"source":"component","description":"Label displayed above the values column","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Blockquote","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/blockquote/","props":[{"name":"attributes","required":false,"source":"component","typeRef":391},{"name":"cite","required":false,"source":"component","description":"Reference to a cited quote","typeRef":263},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"icon","required":false,"source":"component","description":"Blockquote icon, displayed at the top left side","typeRef":263},{"name":"iconSize","required":false,"source":"component","description":"Controls icon `width` and `height`, numbers are converted to rem","typeRef":365},{"name":"textWrap","required":false,"source":"component","literalValues":["balance","nowrap","pretty","stable","wrap"],"description":"Controls `text-wrap` CSS property","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Box","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/box/","props":[{"name":"size","required":false,"source":"component","description":"Size passed from parent component, sets `data-size` if value is not number like","typeRef":365},{"name":"variant","required":false,"source":"component","description":"Variant passed from parent component, sets `data-variant`","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Breadcrumbs","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/breadcrumbs/","props":[{"name":"attributes","required":false,"source":"component","typeRef":467},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"separator","required":false,"source":"component","description":"Separator between children","typeRef":263},{"name":"separatorMargin","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls spacing between separator and breadcrumb","typeRef":183},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"BubbleChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/bubble-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":469},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the chart items. Key of `theme.colors` or any valid CSS color.","typeRef":162},{"name":"data","required":true,"source":"component","description":"Chart data","typeRef":267},{"name":"dataKey","required":true,"source":"component","description":"Data keys for x, y and z axis","typeRef":144},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the grid and cursor lines, by default depends on color scheme","typeRef":162},{"name":"label","required":false,"source":"component","description":"Chart label displayed next to the x axis","typeRef":359},{"name":"range","required":true,"source":"component","description":"Z axis range","typeRef":334},{"name":"scatterProps","required":false,"source":"component","description":"Props passed down to the `Scatter` component","typeRef":207},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the text displayed inside the chart","typeRef":162},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip` component","typeRef":197},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed","typeRef":341},{"name":"xAxisProps","required":false,"source":"component","description":"Props passed down to the `XAxis` recharts component","typeRef":198},{"name":"yAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component","typeRef":199},{"name":"zAxisProps","required":false,"source":"component","description":"Props passed down to the `ZAxis` recharts component","typeRef":200}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Burger","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/burger/","props":[{"name":"attributes","required":false,"source":"component","typeRef":454},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` of any valid CSS value, by default `theme.white` in dark color scheme and `theme.black` in light","typeRef":162},{"name":"lineSize","required":false,"source":"component","description":"Controls height of lines, by default calculated based on `size` prop","typeRef":365},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"State of the burger, when `true` burger is transformed into X","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls burger `width` and `height`, numbers are converted to rem","typeRef":355},{"name":"transitionDuration","required":false,"source":"component","description":"`transition-duration` property value in ms","typeRef":353},{"name":"transitionTimingFunction","required":false,"source":"component","description":"`transition-timing-function` property value","typeRef":359},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Button","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/button/","props":[{"name":"attributes","required":false,"source":"component","typeRef":431},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Sets `width: 100%`","typeRef":341},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration used for `variant=\"gradient\"`","typeRef":179},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"Sets `justify-content` of `inner` element, can be used to change distribution of sections and label","typeRef":248},{"name":"leftSection","required":false,"source":"component","description":"Content on the left side of the button label","typeRef":263},{"name":"loaderProps","required":false,"source":"component","description":"Props added to the `Loader` component (only visible when `loading` prop is set)","typeRef":176},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"If set, the `Loader` component is displayed over the button","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content on the right side of the button label","typeRef":263},{"name":"size","required":false,"source":"component","literalValues":["compact-lg","compact-md","compact-sm","compact-xl","compact-xs","lg","md","sm","xl","xs"],"description":"Controls button `height`, `font-size` and horizontal `padding`","typeRef":145},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","gradient","light","outline","subtle","transparent","white"],"typeRef":117}],"blockedProps":[],"subcomponents":["Button.Group","Button.GroupSection"],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Button.Group","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/button/","props":[{"name":"attributes","required":false,"source":"component","typeRef":400},{"name":"borderWidth","required":false,"source":"component","description":"`border-width` of the child `Button` components. Numbers are converted to rem.","typeRef":365},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Orientation of the group","typeRef":36},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Button.GroupSection","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/button/","props":[{"name":"attributes","required":false,"source":"component","typeRef":401},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration used when `variant=\"gradient\"`","typeRef":179},{"name":"size","required":false,"source":"component","literalValues":["compact-lg","compact-md","compact-sm","compact-xl","compact-xs","lg","md","sm","xl","xs"],"description":"Controls section `height`, `font-size` and horizontal `padding`","typeRef":145},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","gradient","light","outline","subtle","transparent","white"],"typeRef":117}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ButtonGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/button-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":400},{"name":"borderWidth","required":false,"source":"component","description":"`border-width` of the child `Button` components. Numbers are converted to rem.","typeRef":365},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Orientation of the group","typeRef":36},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"ButtonGroupSection","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/button-group-section/","props":[{"name":"attributes","required":false,"source":"component","typeRef":401},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration used when `variant=\"gradient\"`","typeRef":179},{"name":"size","required":false,"source":"component","literalValues":["compact-lg","compact-md","compact-sm","compact-xl","compact-xs","lg","md","sm","xl","xs"],"description":"Controls section `height`, `font-size` and horizontal `padding`","typeRef":145},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","gradient","light","outline","subtle","transparent","white"],"typeRef":117}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Calendar","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/calendar/","props":[{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":445},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level in uncontrolled mode","typeRef":52},{"name":"enableKeyboardNavigation","required":false,"source":"component","literalValues":[false,true],"description":"Enable enhanced keyboard navigation (Ctrl/Cmd + Arrow keys for year navigation, Ctrl/Cmd + Shift + Arrow keys for decade navigation, Y key to open year view)","typeRef":341},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":134},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":341},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level displayed in controlled mode","typeRef":52},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Max level that user can go up to (decade, year, month)","typeRef":52},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"minLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Min level that user can go down to (decade, year, month)","typeRef":52},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"static","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether days should be static, static days can be used to display month if it is not expected that user will interact with the component in any way","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":161},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":341},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"CalendarHeader","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/calendar-header/","props":[{"name":"attributes","required":false,"source":"component","typeRef":388},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the header should take the full width of its container","typeRef":341},{"name":"hasNextLevel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next level button should be enabled","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"label","required":false,"source":"component","description":"Label displayed between next and previous buttons","typeRef":263},{"name":"levelControlAriaLabel","required":false,"source":"component","description":"Level control `aria-label`","typeRef":359},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":341},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":341},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withNext","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next control should be rendered","typeRef":341},{"name":"withPrevious","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether previous control should be rendered","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"Card","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/card/","props":[{"name":"attributes","required":false,"source":"component","typeRef":473},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Card orientation","typeRef":36},{"name":"padding","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value to set padding","typeRef":183},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":["Card.Section"],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Card.Section","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/card/","props":[{"name":"inheritPadding","required":false,"source":"component","literalValues":[false,true],"description":"If set, the section inherits padding from the parent `Card`","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":224},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"CardSection","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/card-section/","props":[{"name":"inheritPadding","required":false,"source":"component","literalValues":[false,true],"description":"If set, the section inherits padding from the parent `Card`","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":224},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Center","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/center/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"inline","required":false,"source":"component","literalValues":[false,true],"description":"If set, `inline-flex` is used instead of `flex`","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"ChartLegend","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/chart-legend/","props":[{"name":"attributes","required":false,"source":"component","typeRef":437},{"name":"centered","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the legend should be centered","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"legendPosition","required":true,"source":"component","literalValues":["bottom","middle","top"],"description":"Position of the legend relative to the chart, used to apply margin on the corresponding side","typeRef":18},{"name":"payload","required":false,"source":"component","description":"Chart data provided by recharts","typeRef":358},{"name":"series","required":false,"source":"component","description":"Data used for labels, only applicable for area charts: AreaChart, LineChart, BarChart","typeRef":150},{"name":"showColor","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether color swatch should be shown next to the label","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"ChartTooltip","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/chart-tooltip/","props":[{"name":"attributes","required":false,"source":"component","typeRef":476},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"label","required":false,"source":"component","description":"Main tooltip label","typeRef":263},{"name":"payload","required":false,"source":"component","description":"Chart data provided by recharts","typeRef":268},{"name":"segmentId","required":false,"source":"component","description":"Segment to display data for, identified by its index in the data array (preferred, isolates duplicate names) or by its name. Only applicable when `type=\"radial\"`. If not set, all data is rendered.","typeRef":365},{"name":"series","required":false,"source":"component","description":"Chart series data, applicable only for `area` type","typeRef":150},{"name":"showColor","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the color swatch should be visible","typeRef":341},{"name":"type","required":false,"source":"component","literalValues":["area","radial","scatter"],"description":"Tooltip type that determines the content and styles, `area` for LineChart, AreaChart and BarChart, `radial` for DonutChart and PieChart","typeRef":11},{"name":"unit","required":false,"source":"component","description":"Data units, provided by parent component","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"CheckIcon","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/check-icon/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"display","required":false,"source":"component","typeRef":365},{"name":"opacity","required":false,"source":"component","typeRef":365},{"name":"radius","required":false,"source":"component","typeRef":365},{"name":"size","required":false,"source":"component","typeRef":365},{"name":"type","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Checkbox","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox/","props":[{"name":"attributes","required":false,"source":"component","typeRef":373},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts icon color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to set input background color in checked state","typeRef":162},{"name":"description","required":false,"source":"component","description":"Description below the label","typeRef":263},{"name":"error","required":false,"source":"component","description":"Error message below the label","typeRef":263},{"name":"iconColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to set icon color. By default, depends on `theme.autoContrast`.","typeRef":162},{"name":"indeterminate","required":false,"source":"component","literalValues":[false,true],"description":"Indeterminate state of the checkbox. If set, `checked` prop is dismissed.","typeRef":341},{"name":"label","required":false,"source":"component","description":"`label` associated with the checkbox","typeRef":263},{"name":"labelPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the label relative to the input","typeRef":47},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the component","typeRef":182},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["filled","outline"],"typeRef":119},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"If set, applies error styles to the checkbox when `error` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":103}],"blockedProps":[],"subcomponents":["Checkbox.Card","Checkbox.Group","Checkbox.Indicator"],"bind":{"type":"boolean","initialProp":"defaultChecked"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Checkbox.Card","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox/","props":[{"name":"attributes","required":false,"source":"component","typeRef":390},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value of the checkbox, used with `Checkbox.Group`","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Checkbox.Group","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox/","props":[{"name":"attributes","required":false,"source":"component","typeRef":426},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":330},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input for uncontrolled forms","typeRef":104},{"name":"hiddenInputValuesSeparator","required":false,"source":"component","description":"Separator for values in the hidden input for uncontrolled forms","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelElement","required":false,"source":"component","literalValues":["div","label"],"description":"Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually.","typeRef":31},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"maxSelectedValues","required":false,"source":"component","description":"Maximum number of checkboxes that can be selected. When the limit is reached, unselected checkboxes will be disabled","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the `Input.Wrapper`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":330},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element (`Input.Wrapper` component)","typeRef":103}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Checkbox.Indicator","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox/","props":[{"name":"attributes","required":false,"source":"component","typeRef":403},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts icon color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to set input background color in checked state","typeRef":162},{"name":"iconColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to set icon color, by default value depends on `theme.autoContrast`","typeRef":162},{"name":"indeterminate","required":false,"source":"component","literalValues":[false,true],"description":"Indeterminate state of the checkbox. If set, `checked` prop is ignored.","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the component","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["filled","outline"],"typeRef":118}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"CheckboxCard","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox-card/","props":[{"name":"attributes","required":false,"source":"component","typeRef":390},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value of the checkbox, used with `Checkbox.Group`","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"CheckboxGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":426},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":330},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input for uncontrolled forms","typeRef":104},{"name":"hiddenInputValuesSeparator","required":false,"source":"component","description":"Separator for values in the hidden input for uncontrolled forms","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelElement","required":false,"source":"component","literalValues":["div","label"],"description":"Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually.","typeRef":31},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"maxSelectedValues","required":false,"source":"component","description":"Maximum number of checkboxes that can be selected. When the limit is reached, unselected checkboxes will be disabled","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the `Input.Wrapper`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":330},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element (`Input.Wrapper` component)","typeRef":103}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"CheckboxIndicator","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/checkbox-indicator/","props":[{"name":"attributes","required":false,"source":"component","typeRef":403},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts icon color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to set input background color in checked state","typeRef":162},{"name":"iconColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to set icon color, by default value depends on `theme.autoContrast`","typeRef":162},{"name":"indeterminate","required":false,"source":"component","literalValues":[false,true],"description":"Indeterminate state of the checkbox. If set, `checked` prop is ignored.","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the component","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["filled","outline"],"typeRef":118}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Chip","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/chip/","props":[{"name":"attributes","required":false,"source":"component","typeRef":408},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on the chip background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color.","typeRef":162},{"name":"icon","required":false,"source":"component","description":"Any element or component to replace the default icon","typeRef":263},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls various properties related to the component size","typeRef":81},{"name":"type","required":false,"source":"component","literalValues":["checkbox","radio"],"description":"Chip input type","typeRef":25},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["filled","light","outline"],"typeRef":120},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":103}],"blockedProps":[],"subcomponents":["Chip.Group"],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Chip.Group","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/chip/","props":[{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component initial value","typeRef":99},{"name":"multiple","required":false,"source":"component","description":"If set, multiple values can be selected","typeRef":186},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":99}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ChipGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/chip-group/","props":[{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component initial value","typeRef":99},{"name":"multiple","required":false,"source":"component","description":"If set, multiple values can be selected","typeRef":186},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":99}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"CloseButton","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/close-button/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"icon","required":false,"source":"component","description":"React node to replace the default close icon. If set, `iconSize` prop is ignored.","typeRef":263},{"name":"iconSize","required":false,"source":"component","description":"`X` icon `width` and `height`","typeRef":365},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls width and height of the button. Numbers are converted to rem.","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["subtle","transparent"],"typeRef":121}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"CloseIcon","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/close-icon/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"display","required":false,"source":"component","typeRef":365},{"name":"opacity","required":false,"source":"component","typeRef":365},{"name":"radius","required":false,"source":"component","typeRef":365},{"name":"size","required":false,"source":"component","description":"Icon width and height, `var(--icon-size)` by default","typeRef":359},{"name":"type","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Code","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/code/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"block","required":false,"source":"component","literalValues":[false,true],"description":"If set, code is rendered in `pre`","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, controls `background-color` of the code. By default, calculated based on the color scheme.","typeRef":162},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Collapse","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/collapse/","props":[{"name":"animateOpacity","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the opacity is animated","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"expanded","required":true,"source":"component","literalValues":[false,true],"description":"Expanded state","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the element is kept in the DOM when collapsed. When `true`, React 19 `Activity` is used to preserve state while collapsed. When `false`, the element is unmounted after the exit animation.","typeRef":341},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Collapse orientation","typeRef":36},{"name":"transitionDuration","required":false,"source":"component","description":"Transition duration in ms","typeRef":353},{"name":"transitionTimingFunction","required":false,"source":"component","description":"Transition timing function","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Collapsible","package":"@homarr/widgets","category":"interaction","safety":"allowed","description":"Shows and hides a bounded content section.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"defaultOpen","source":"component","required":false,"typeRef":336},{"name":"title","source":"component","required":true,"typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ColorInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/color-input/","props":[{"name":"attributes","required":false,"source":"component","typeRef":374},{"name":"closeOnColorSwatchClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is closed when one of the color swatches is clicked","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":359},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"disallowInput","required":false,"source":"component","literalValues":[false,true],"description":"If input is not allowed, the user can only pick value with color picker and swatches","typeRef":341},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"eyeDropperButtonProps","required":false,"source":"component","description":"Props passed down to the eye dropper button","typeRef":266},{"name":"eyeDropperIcon","required":false,"source":"component","description":"An icon to replace the default eye dropper icon","typeRef":263},{"name":"fixOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"If set, the input value resets to the last known valid value when the input loses focus","typeRef":341},{"name":"format","required":false,"source":"component","literalValues":["hex","hexa","hsl","hsla","rgb","rgba"],"description":"Color format. `hexa`, `rgba`, `hsla` values render alpha channel slider","typeRef":35},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to the `Popover` component","typeRef":242},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"swatches","required":false,"source":"component","description":"A list of colors used to display swatches list below the color picker","typeRef":368},{"name":"swatchesPerRow","required":false,"source":"component","description":"Number of swatches per row","typeRef":353},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withEyeDropper","required":false,"source":"component","literalValues":[false,true],"description":"If set, the eye dropper button is displayed in the right section","typeRef":341},{"name":"withPicker","required":false,"source":"component","literalValues":[false,true],"description":"If `false`, the component displays only swatches","typeRef":341},{"name":"withPreview","required":false,"source":"component","literalValues":[false,true],"description":"If set, the preview color swatch is displayed in the left section of the input","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ColorPicker","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/color-picker/","props":[{"name":"alphaLabel","required":false,"source":"component","description":"Alpha slider `aria-label`","typeRef":359},{"name":"attributes","required":false,"source":"component","typeRef":379},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":359},{"name":"focusable","required":false,"source":"component","literalValues":[false,true],"description":"If set, interactive elements (sliders thumbs and swatches) are focusable with keyboard","typeRef":341},{"name":"format","required":false,"source":"component","literalValues":["hex","hexa","hsl","hsla","rgb","rgba"],"description":"Color format. `hexa`, `rgba`, `hsla` values render alpha channel slider","typeRef":35},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"If set, the component takes 100% width of its container","typeRef":341},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props spread to the hidden input","typeRef":104},{"name":"hueLabel","required":false,"source":"component","description":"Hue slider `aria-label`","typeRef":359},{"name":"saturationLabel","required":false,"source":"component","description":"Saturation slider `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":182},{"name":"swatches","required":false,"source":"component","description":"A list of colors used to display swatches list below the color picker","typeRef":368},{"name":"swatchesPerRow","required":false,"source":"component","description":"Number of swatches per row","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withPicker","required":false,"source":"component","literalValues":[false,true],"description":"If `false`, the component displays only swatches","typeRef":341}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ColorSchemeScript","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/color-scheme-script/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Writes global document state"},{"name":"ColorSwatch","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/color-swatch/","props":[{"name":"attributes","required":false,"source":"component","typeRef":452},{"name":"color","required":true,"source":"component","description":"Valid CSS color to display","typeRef":359},{"name":"size","required":false,"source":"component","description":"Swatch `width` and `height`, any valid CSS value, numbers are converted to rem.","typeRef":254},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withShadow","required":false,"source":"component","literalValues":[false,true],"description":"If set, the swatch has inner `box-shadow`","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Combobox","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":["Combobox.Chevron","Combobox.ClearButton","Combobox.Dropdown","Combobox.DropdownTarget","Combobox.Empty","Combobox.EventsTarget","Combobox.Footer","Combobox.Group","Combobox.Header","Combobox.HiddenInput","Combobox.Option","Combobox.Options","Combobox.Search","Combobox.Target"],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Chevron","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.ClearButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Dropdown","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.DropdownTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Empty","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.EventsTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Footer","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Group","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Header","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.HiddenInput","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Option","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Options","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Search","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Combobox.Target","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxChevron","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-chevron/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxClearButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-clear-button/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxDropdown","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-dropdown/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxDropdownTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-dropdown-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxEmpty","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-empty/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxEventsTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-events-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxFooter","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-footer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxGroup","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-group/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxHeader","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-header/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxHiddenInput","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-hidden-input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxOption","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-option/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxOptions","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-options/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxPopover","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-popover/","props":[],"blockedProps":[],"subcomponents":["ComboboxPopover.Target"],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxPopover.Target","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-popover/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxPopoverTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-popover-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxSearch","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-search/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"ComboboxTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/combobox-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"CompositeChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/composite-chart/","props":[{"name":"activeDotProps","required":false,"source":"component","description":"Props passed down to all active dots. Ignored if `withDots={false}` is set.","typeRef":178},{"name":"attributes","required":false,"source":"component","typeRef":372},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"composedChartProps","required":false,"source":"component","description":"Props passed down to recharts `AreaChart` component","typeRef":91},{"name":"connectNulls","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether points with `null` values should be connected","typeRef":341},{"name":"curveType","required":false,"source":"component","literalValues":["bump","linear","monotone","natural","step","stepAfter","stepBefore"],"description":"Type of the curve","typeRef":69},{"name":"data","required":true,"source":"component","description":"Data used to display chart","typeRef":267},{"name":"dataKey","required":true,"source":"component","description":"Key of the `data` object for x-axis values","typeRef":359},{"name":"dotProps","required":false,"source":"component","description":"Props passed down to all dots. Ignored if `withDots={false}` is set.","typeRef":178},{"name":"gridAxis","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which lines should be displayed in the grid, `'x'` by default","typeRef":61},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the grid and cursor lines, by default depends on color scheme","typeRef":162},{"name":"gridProps","required":false,"source":"component","description":"Props passed down to the `CartesianGrid` component","typeRef":189},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to the `Legend` component","typeRef":190},{"name":"maxBarWidth","required":false,"source":"component","description":"Maximum bar width in px","typeRef":353},{"name":"minBarSize","required":false,"source":"component","description":"Sets minimum height of the bar in px","typeRef":353},{"name":"referenceLines","required":false,"source":"component","description":"Reference lines that should be displayed on the chart","typeRef":149},{"name":"rightYAxisLabel","required":false,"source":"component","description":"A label to display next to the right y-axis","typeRef":359},{"name":"rightYAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component rendered on the right side","typeRef":199},{"name":"series","required":true,"source":"component","description":"An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array.","typeRef":155},{"name":"strokeWidth","required":false,"source":"component","description":"Stroke width for the chart lines","typeRef":353},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the text displayed inside the chart, `'dimmed'` by default","typeRef":162},{"name":"tickLine","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which axis should have tick line, `'y'` by default","typeRef":61},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip position animation duration in ms, `0` by default","typeRef":353},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip` component","typeRef":197},{"name":"unit","required":false,"source":"component","description":"Unit displayed next to each tick in y-axis","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withBarValueLabel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether a label with bar value should be displayed on top of each bar","typeRef":341},{"name":"withDots","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dots should be displayed","typeRef":341},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart legend should be displayed, `false` by default","typeRef":341},{"name":"withPointLabels","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether each point should have associated label","typeRef":341},{"name":"withRightYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart tooltip should be displayed, `true` by default","typeRef":341},{"name":"withXAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether x-axis should be displayed, `true` by default","typeRef":341},{"name":"withYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether y-axis should be displayed, `true` by default","typeRef":341},{"name":"xAxisLabel","required":false,"source":"component","description":"A label to display below the x-axis","typeRef":359},{"name":"xAxisProps","required":false,"source":"component","description":"Props passed down to the `XAxis` recharts component","typeRef":198},{"name":"yAxisLabel","required":false,"source":"component","description":"A label to display next to the y-axis","typeRef":359},{"name":"yAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component","typeRef":199}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Container","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/container/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"fluid","required":false,"source":"component","literalValues":[false,true],"description":"If set, the container takes 100% width of its parent and `size` prop is ignored.","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"`max-width` of the container, value is not responsive – it is the same for all screen sizes. Numbers are converted to rem. Ignored when `fluid` prop is set.","typeRef":355},{"name":"strategy","required":false,"source":"component","literalValues":["block","grid"],"description":"Centering strategy","typeRef":14},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"CopyButton","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/copy-button/","props":[{"name":"timeout","required":false,"source":"component","description":"Copied status timeout in ms","typeRef":353},{"name":"value","required":true,"source":"component","description":"Value that is copied to the clipboard when the button is clicked","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"DataList","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list/","props":[{"name":"attributes","required":false,"source":"component","typeRef":461},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value to set gap between items","typeRef":183},{"name":"labelWidth","required":false,"source":"component","description":"Controls min-width of the label (dt) element, any valid CSS value","typeRef":251},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Controls arrangement of label and value within each item. `horizontal` renders label and value side by side, `vertical` stacks label on top of value","typeRef":36},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls `font-size` and `line-height`","typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withDivider","required":false,"source":"component","literalValues":[false,true],"description":"Adds border between items","typeRef":341}],"blockedProps":[],"subcomponents":["DataList.Item","DataList.ItemLabel","DataList.ItemValue"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DataList.Item","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":217},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DataList.ItemLabel","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":218},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DataList.ItemValue","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":219},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DataListItem","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list-item/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":217},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DataListItemLabel","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list-item-label/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":218},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DataListItemValue","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/data-list-item-value/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":219},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"DateInput","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/date-input/","props":[{"name":"allowDeselect","required":false,"source":"component","literalValues":[false,true],"description":"If set, the value can be deselected by deleting everything from the input or by clicking the selected date in the dropdown. By default, `true` if `clearable` prop is set, `false` otherwise.","typeRef":341},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":413},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":258},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set.","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level (uncontrolled)","typeRef":52},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":160},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":134},{"name":"fixOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"If set to `false`, invalid user input is preserved and is not corrected on blur","typeRef":341},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":341},{"name":"hasNextLevel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next level button should be enabled","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":341},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level (controlled)","typeRef":52},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Max level that user can go up to","typeRef":52},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":341},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to the `Popover` component","typeRef":204},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":156},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":341},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":160},{"name":"valueFormat","required":false,"source":"component","description":"`dayjs` format to display input value, `\"MMMM D, YYYY\"` by default","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":161},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withNext","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next control should be rendered","typeRef":341},{"name":"withPrevious","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether previous control should be rendered","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"withTime","required":false,"source":"component","literalValues":[false,true],"description":"If set to `true`, the time part of the value is preserved. Set this to `true` when `valueFormat` includes time (e.g. `\"YYYY-MM-DD HH:mm\"`).","typeRef":341},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"DatePicker","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/date-picker/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":106},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":107},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":446},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level (uncontrolled)","typeRef":52},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":159},{"name":"enableKeyboardNavigation","required":false,"source":"component","literalValues":[false,true],"description":"Enable enhanced keyboard navigation (Ctrl/Cmd + Arrow keys for year navigation, Ctrl/Cmd + Shift + Arrow keys for decade navigation, Y key to open year view)","typeRef":341},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":134},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":341},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level (controlled)","typeRef":52},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"typeRef":52},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":157},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"type","required":false,"source":"component","literalValues":["default","multiple","range"],"description":"Picker type: range, multiple or default","typeRef":326},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value for controlled component","typeRef":159},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":161},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":341},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"DatePickerInput","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/date-picker-input/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":106},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":107},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":414},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":258},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set.","typeRef":341},{"name":"closeOnChange","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the dropdown is closed when date is selected, not applicable with `type=\"multiple\"`","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level (uncontrolled)","typeRef":52},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":159},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"enableKeyboardNavigation","required":false,"source":"component","literalValues":[false,true],"description":"Enable enhanced keyboard navigation (Ctrl/Cmd + Arrow keys for year navigation, Ctrl/Cmd + Shift + Arrow keys for decade navigation, Y key to open year view)","typeRef":341},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":134},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":341},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"labelSeparator","required":false,"source":"component","description":"Separator between range value","typeRef":359},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level (controlled)","typeRef":52},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"typeRef":52},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to `Popover` component","typeRef":204},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":157},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"sortDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dates values should be sorted before `onChange` call, only applicable with type=\"multiple\"","typeRef":341},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["default","multiple","range"],"description":"Picker type: range, multiple or default","typeRef":158},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value for controlled component","typeRef":159},{"name":"valueFormat","required":false,"source":"component","description":"`dayjs` format for input value","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":161},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[{"name":"dropdownType","reason":"Modal picker mode escapes the widget overlay boundary"},{"name":"modalProps","reason":"Modal picker configuration escapes the widget overlay boundary"}],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"DateTimePicker","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/date-time-picker/","props":[{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":107},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":415},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":258},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set.","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level in uncontrolled mode","typeRef":52},{"name":"defaultTimeValue","required":false,"source":"component","description":"Default time value in HH:mm` or `HH:mm:ss` format. Assigned to time when date is selected.","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":159},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"endTimePickerProps","required":false,"source":"component","description":"Props passed down to the end time `TimePicker` component in range mode","typeRef":196},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":134},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":341},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"labelSeparator","required":false,"source":"component","description":"Separator between range values","typeRef":359},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level displayed in controlled mode","typeRef":52},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Max level that user can go up to","typeRef":52},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to `Popover` component","typeRef":204},{"name":"presets","required":false,"source":"component","description":"Presets values","typeRef":157},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"sortDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dates values should be sorted before `onChange` call, only applicable with type=\"multiple\"","typeRef":341},{"name":"submitButtonProps","required":false,"source":"component","description":"Props passed down to the submit button","typeRef":90},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"timePickerProps","required":false,"source":"component","description":"Props passed down to `TimePicker` component","typeRef":196},{"name":"type","required":false,"source":"component","description":"Picker type: range or default","typeRef":325},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":159},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":161},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSeconds","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the seconds input should be displayed","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[{"name":"dropdownType","reason":"Modal picker mode escapes the widget overlay boundary"},{"name":"modalProps","reason":"Modal picker configuration escapes the widget overlay boundary"}],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"DatesProvider","package":"@mantine/dates","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/dates/dates-provider/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Replaces a Homarr-owned provider boundary"},{"name":"Day","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/day/","props":[{"name":"attributes","required":false,"source":"component","typeRef":398},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"date","required":true,"source":"component","description":"Date that is displayed in `YYYY-MM-DD` format","typeRef":359},{"name":"firstInRange","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day is first in range selection","typeRef":341},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day should take the full width of its cell","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"inRange","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day is selected in range","typeRef":341},{"name":"lastInRange","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day is last in range selection","typeRef":341},{"name":"outside","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day is outside of the current month","typeRef":341},{"name":"selected","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day is selected","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Control width and height of the day","typeRef":81},{"name":"static","required":false,"source":"component","literalValues":[false,true],"description":"Determines which element is used as root, `'button'` by default, `'div'` if static prop is set","typeRef":341},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"weekend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the day is considered to be a weekend","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"DecadeLevel","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/decade-level/","props":[{"name":"attributes","required":false,"source":"component","typeRef":384},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"decade","required":true,"source":"component","description":"Displayed decade","typeRef":359},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"levelControlAriaLabel","required":false,"source":"component","description":"Level control `aria-label`","typeRef":359},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":341},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":341},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"styles","required":false,"source":"component","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withNext","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next control should be rendered","typeRef":341},{"name":"withPrevious","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether previous control should be rendered","typeRef":341},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"DecadeLevelGroup","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/decade-level-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":386},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"decade","required":true,"source":"component","description":"Displayed decade","typeRef":359},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":341},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns to display next to each other","typeRef":353},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":341},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"styles","required":false,"source":"component","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"Dialog","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/dialog/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes the widget layout and focus boundary"},{"name":"DirectionProvider","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/direction-provider/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Replaces a Homarr-owned provider boundary"},{"name":"Divider","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/divider/","props":[{"name":"attributes","required":false,"source":"component","typeRef":429},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color value","typeRef":162},{"name":"label","required":false,"source":"component","description":"Divider label, visible only with `orientation=\"horizontal\"`","typeRef":263},{"name":"labelPosition","required":false,"source":"component","literalValues":["center","left","right"],"description":"Label position","typeRef":22},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Divider orientation","typeRef":36},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls width/height (depends on orientation)","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["dashed","dotted","solid"],"typeRef":122}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"DonutChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/donut-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":422},{"name":"chartLabel","required":false,"source":"component","description":"Chart label, displayed in the center of the chart","typeRef":365},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Data used to render chart","typeRef":165},{"name":"endAngle","required":false,"source":"component","description":"Controls angle at which charts ends. Set to `0` to render the chart as semicircle.","typeRef":353},{"name":"labelColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls text color of all labels, by default depends on color scheme","typeRef":162},{"name":"labelsType","required":false,"source":"component","literalValues":["name","percent","value"],"description":"Type of labels to display, `'value'` by default","typeRef":77},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to recharts `Legend` component","typeRef":190},{"name":"paddingAngle","required":false,"source":"component","description":"Controls padding between segments","typeRef":353},{"name":"pieChartProps","required":false,"source":"component","description":"Props passed down to recharts `PieChart` component","typeRef":101},{"name":"pieProps","required":false,"source":"component","description":"Props passed down to recharts `Pie` component","typeRef":203},{"name":"size","required":false,"source":"component","description":"Controls chart width and height, height is increased by 40 if `withLabels` prop is set. Cannot be less than `thickness`.","typeRef":353},{"name":"startAngle","required":false,"source":"component","description":"Controls angle at which chart starts. Set to `180` to render the chart as semicircle.","typeRef":353},{"name":"strokeColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the segments stroke, by default depends on color scheme","typeRef":162},{"name":"strokeWidth","required":false,"source":"component","description":"Controls width of segments stroke","typeRef":353},{"name":"thickness","required":false,"source":"component","description":"Controls thickness of the chart segments","typeRef":353},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip animation duration in ms","typeRef":353},{"name":"tooltipDataSource","required":false,"source":"component","literalValues":["all","segment"],"description":"Determines which data is displayed in the tooltip. `'all'` – display all values, `'segment'` – display only hovered segment.","typeRef":9},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to `Tooltip` recharts component","typeRef":197},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withLabels","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether each segment should have associated label","typeRef":341},{"name":"withLabelsLine","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether segments labels should have lines that connect the segment with the label","typeRef":341},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the legend should be displayed","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed when one of the section is hovered","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Drawer","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":["Drawer.Body","Drawer.CloseButton","Drawer.Content","Drawer.Header","Drawer.Overlay","Drawer.Root","Drawer.Stack","Drawer.Title"],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Body","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.CloseButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Content","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Header","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Overlay","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Root","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Stack","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Drawer.Title","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerBody","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-body/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerCloseButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-close-button/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerContent","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-content/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerHeader","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-header/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerOverlay","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-overlay/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerRoot","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-root/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerStack","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-stack/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"DrawerTitle","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/drawer-title/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"EmptyState","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state/","props":[{"name":"align","required":false,"source":"component","literalValues":["center","left","right"],"description":"Content alignment. `center` stacks the content in a centered column, `left`/`right` place the indicator on the side with the content next to it","typeRef":22},{"name":"attributes","required":false,"source":"component","typeRef":380},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, used by `filled` and `light` variants","typeRef":162},{"name":"description","required":false,"source":"component","description":"Description content, rendered inside `EmptyState.Description`","typeRef":263},{"name":"icon","required":false,"source":"component","description":"Icon or illustration, rendered inside `EmptyState.Indicator`","typeRef":263},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls indicator size, gap between elements and font sizes of title and description","typeRef":81},{"name":"title","required":false,"source":"component","description":"Title content, rendered inside `EmptyState.Title`","typeRef":263},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["filled","light"],"description":"Controls the indicator appearance. `filled` and `light` display a colored circular background behind the icon. If not set, the icon is displayed with dimmed color","typeRef":33},{"name":"withIndicatorBackground","required":false,"source":"component","literalValues":[false,true],"description":"If set, a neutral circular background is displayed behind the indicator. Setting `variant` always displays a colored background regardless of this prop","typeRef":341}],"blockedProps":[],"subcomponents":["EmptyState.Actions","EmptyState.Description","EmptyState.Indicator","EmptyState.Title"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyState.Actions","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":209},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyState.Description","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":212},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyState.Indicator","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":216},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyState.Title","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"order","required":false,"source":"component","literalValues":[1,2,3,4,5,6],"description":"Heading order, renders the title as `h1`–`h6` element. By default, the title is rendered as a `div` without semantic heading level","typeRef":137},{"name":"styles","required":false,"source":"component","typeRef":225},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyStateActions","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state-actions/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":209},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyStateDescription","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state-description/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":212},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyStateIndicator","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state-indicator/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":216},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"EmptyStateTitle","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/empty-state-title/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"order","required":false,"source":"component","literalValues":[1,2,3,4,5,6],"description":"Heading order, renders the title as `h1`–`h6` element. By default, the title is rendered as a `div` without semantic heading level","typeRef":137},{"name":"styles","required":false,"source":"component","typeRef":225},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Fieldset","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/fieldset/","props":[{"name":"attributes","required":false,"source":"component","typeRef":443},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"legend","required":false,"source":"component","description":"Fieldset legend","typeRef":263},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":123}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"FileButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/file-button/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Requests local file-system access"},{"name":"FileInput","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/file-input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Requests local file-system access"},{"name":"FlatTreeNode","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/flat-tree-node/","props":[{"name":"checkOnSpace","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node is checked on space key press","typeRef":341},{"name":"expandOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node with children is expanded on click","typeRef":341},{"name":"expandOnSpace","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node with children is expanded on space key press","typeRef":341},{"name":"expanded","required":true,"source":"component","literalValues":[false,true],"description":"Whether the node is expanded","typeRef":341},{"name":"hasChildren","required":true,"source":"component","literalValues":[false,true],"description":"Whether the node has children","typeRef":341},{"name":"level","required":true,"source":"component","description":"Nesting level of the node, starts at 1","typeRef":353},{"name":"linesPath","required":false,"source":"component","description":"Line state per ancestor + own level, computed by `flattenTreeData`. When provided and the tree root has `data-with-lines`, connector lines are rendered.","typeRef":166},{"name":"node","required":true,"source":"component","description":"Node data from tree data","typeRef":320},{"name":"parent","required":true,"source":"component","description":"Value of the parent node, `null` for root nodes","typeRef":352},{"name":"selectOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node is selected on click","typeRef":341},{"name":"style","required":false,"source":"component","description":"Style to apply to the root element, used for virtualizer positioning","typeRef":257},{"name":"tree","required":true,"source":"component","description":"Tree controller instance, return value of `useTree` hook","typeRef":327}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Flex","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/flex/","props":[{"name":"align","required":false,"source":"component","literalValues":["-moz-initial","anchor-center","baseline","center","end","flex-end","flex-start","inherit","initial","normal","revert","revert-layer","self-end","self-start","start","stretch","unset"],"description":"`align-items` CSS property","typeRef":285},{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnGap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"`column-gap` CSS property","typeRef":284},{"name":"direction","required":false,"source":"component","literalValues":["-moz-initial","column","column-reverse","inherit","initial","revert","revert-layer","row","row-reverse","unset"],"description":"`flex-direction` CSS property","typeRef":294},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"`gap` CSS property","typeRef":284},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"`justify-content` CSS property","typeRef":299},{"name":"rowGap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"`row-gap` CSS property","typeRef":284},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"wrap","required":false,"source":"component","literalValues":["-moz-initial","inherit","initial","nowrap","revert","revert-layer","unset","wrap","wrap-reverse"],"description":"`flex-wrap` CSS property","typeRef":295}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"FloatingArrow","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/floating-arrow/","props":[{"name":"arrowOffset","required":true,"source":"component","typeRef":353},{"name":"arrowPosition","required":true,"source":"component","literalValues":["center","merge","side"],"typeRef":24},{"name":"arrowRadius","required":true,"source":"component","typeRef":353},{"name":"arrowSize","required":true,"source":"component","typeRef":353},{"name":"arrowX","required":false,"source":"component","typeRef":353},{"name":"arrowY","required":false,"source":"component","typeRef":353},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"position","required":true,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"typeRef":48},{"name":"visible","required":false,"source":"component","literalValues":[false,true],"typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"FloatingIndicator","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/floating-indicator/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"displayAfterTransitionEnd","required":false,"source":"component","literalValues":[false,true],"description":"Controls whether the indicator should be hidden initially and displayed after the parent's transition ends. Set to `true` when the parent container has CSS transitions (e.g., `transform: scale()`) to prevent the indicator from appearing at the wrong position during the parent's animation.","typeRef":341},{"name":"parent","required":false,"source":"component","description":"Parent container element that must have `position: relative`. The indicator's position is calculated relative to this element.","typeRef":169},{"name":"target","required":false,"source":"component","description":"Target element over which the indicator is displayed. The indicator will be positioned to match the target's size and position.","typeRef":169},{"name":"transitionDuration","required":false,"source":"component","description":"Transition duration in ms","typeRef":365},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"FloatingWindow","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/floating-window/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Creates a separate browser window"},{"name":"FocusTrap","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/focus-trap/","props":[],"blockedProps":[],"subcomponents":["FocusTrap.InitialFocus"],"accessibilityRequirements":[],"deniedReason":"Can capture focus outside the widget interaction flow"},{"name":"FocusTrap.InitialFocus","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/focus-trap/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Can capture focus outside the widget interaction flow"},{"name":"FocusTrapInitialFocus","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/focus-trap-initial-focus/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Can capture focus outside the widget interaction flow"},{"name":"FunnelChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/funnel-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":441},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Data used to render chart","typeRef":167},{"name":"funnelChartProps","required":false,"source":"component","description":"Props passed down to recharts `FunnelChart` component","typeRef":91},{"name":"funnelProps","required":false,"source":"component","description":"Props passed down to recharts `Pie` component","typeRef":202},{"name":"labelColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls text color of all labels","typeRef":162},{"name":"labelsPosition","required":false,"source":"component","literalValues":["inside","left","right"],"description":"Controls labels position relative to the segment","typeRef":49},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to recharts `Legend` component","typeRef":190},{"name":"size","required":false,"source":"component","description":"Controls chart width and height","typeRef":353},{"name":"strokeColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the segments stroke, by default depends on color scheme","typeRef":162},{"name":"strokeWidth","required":false,"source":"component","description":"Controls width of segments stroke","typeRef":353},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip animation duration in ms","typeRef":353},{"name":"tooltipDataSource","required":false,"source":"component","literalValues":["all","segment"],"description":"Determines which data is displayed in the tooltip. `'all'` – display all values, `'segment'` – display only hovered segment.","typeRef":9},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to `Tooltip` recharts component","typeRef":197},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withLabels","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether each segment should have associated label","typeRef":341},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the legend should be displayed","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed when a section is hovered","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Grid","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/grid/","props":[{"name":"align","required":false,"source":"component","literalValues":["-moz-initial","anchor-center","baseline","center","end","flex-end","flex-start","inherit","initial","normal","revert","revert-layer","self-end","self-start","start","stretch","unset"],"description":"Sets `align-items`","typeRef":244},{"name":"attributes","required":false,"source":"component","typeRef":392},{"name":"breakpoints","required":false,"source":"component","description":"Breakpoints values, only used with `type=\"container\"`","typeRef":168},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnGap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Column gap, overrides `gap` for horizontal spacing","typeRef":284},{"name":"columns","required":false,"source":"component","description":"Number of columns in each row","typeRef":353},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Gap between columns and rows, key of `theme.spacing` or any valid CSS value","typeRef":284},{"name":"grow","required":false,"source":"component","literalValues":[false,true],"description":"If set, columns in the last row expand to fill all available space","typeRef":341},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"Sets `justify-content`","typeRef":248},{"name":"overflow","required":false,"source":"component","literalValues":["-moz-hidden-unscrollable","-moz-initial","auto","clip","hidden","inherit","initial","overlay","revert","revert-layer","scroll","unset","visible"],"description":"Sets `overflow` CSS property on the root element","typeRef":252},{"name":"rowGap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Row gap, overrides `gap` for vertical spacing","typeRef":284},{"name":"type","required":false,"source":"component","literalValues":["container","media"],"description":"Type of queries used for responsive styles","typeRef":51},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":["Grid.Col"],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Grid.Col","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/grid/","props":[{"name":"align","required":false,"source":"component","literalValues":["-moz-initial","anchor-center","auto","baseline","center","end","flex-end","flex-start","inherit","initial","normal","revert","revert-layer","self-end","self-start","start","stretch","unset"],"description":"Vertical alignment of the column, controls `align-self` CSS property","typeRef":286},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"offset","required":false,"source":"component","description":"Column start offset – number of empty columns before this column","typeRef":312},{"name":"order","required":false,"source":"component","description":"Column order, use to reorder columns at different viewport sizes","typeRef":312},{"name":"span","required":false,"source":"component","literalValues":["auto","content"],"description":"Column span","typeRef":282},{"name":"styles","required":false,"source":"component","typeRef":210},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"GridCol","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/grid-col/","props":[{"name":"align","required":false,"source":"component","literalValues":["-moz-initial","anchor-center","auto","baseline","center","end","flex-end","flex-start","inherit","initial","normal","revert","revert-layer","self-end","self-start","start","stretch","unset"],"description":"Vertical alignment of the column, controls `align-self` CSS property","typeRef":286},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"offset","required":false,"source":"component","description":"Column start offset – number of empty columns before this column","typeRef":312},{"name":"order","required":false,"source":"component","description":"Column order, use to reorder columns at different viewport sizes","typeRef":312},{"name":"span","required":false,"source":"component","literalValues":["auto","content"],"description":"Column span","typeRef":282},{"name":"styles","required":false,"source":"component","typeRef":210},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Group","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/group/","props":[{"name":"align","required":false,"source":"component","literalValues":["-moz-initial","anchor-center","baseline","center","end","flex-end","flex-start","inherit","initial","normal","revert","revert-layer","self-end","self-start","start","stretch","unset"],"description":"Controls `align-items` CSS property","typeRef":244},{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem","typeRef":183},{"name":"grow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether each child element should have `flex-grow: 1` style","typeRef":341},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"Controls `justify-content` CSS property","typeRef":248},{"name":"preventGrowOverflow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether children should take only dedicated amount of space (`max-width` style is set based on the number of children)","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"wrap","required":false,"source":"component","literalValues":["-moz-initial","inherit","initial","nowrap","revert","revert-layer","unset","wrap","wrap-reverse"],"description":"Controls `flex-wrap` CSS property","typeRef":5}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"HeadlessMantineProvider","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/headless-mantine-provider/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Replaces a Homarr-owned provider boundary"},{"name":"Heatmap","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/heatmap/","props":[{"name":"attributes","required":false,"source":"component","typeRef":439},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"colors","required":false,"source":"component","description":"Colors array, used to calculate color for each value, by default 4 shades of green colors are used","typeRef":368},{"name":"data","required":true,"source":"component","description":"Heatmap data, key is date in `YYYY-MM-DD` format (interpreted as a UTC calendar day)","typeRef":269},{"name":"domain","required":false,"source":"component","description":"Heatmap domain, array of 2 numbers, min and max values, calculated from data by default","typeRef":334},{"name":"endDate","required":false,"source":"component","description":"Heatmap end date. Current date by default. Date is normalized to UTC midnight of the intended calendar day.","typeRef":362},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"First day of week, 0 – Sunday, 1 – Monday.","typeRef":134},{"name":"fontSize","required":false,"source":"component","description":"Font size of month and weekday labels","typeRef":353},{"name":"gap","required":false,"source":"component","description":"Gap between rects in px","typeRef":353},{"name":"legendLabels","required":false,"source":"component","description":"Legend labels, array of 2 elements: [min label, max label]","typeRef":335},{"name":"monthLabels","required":false,"source":"component","description":"Month labels, array of 12 elements, can be used for localization","typeRef":368},{"name":"monthsLabelsHeight","required":false,"source":"component","description":"Height of month labels row","typeRef":353},{"name":"radius","required":false,"source":"component","typeRef":365},{"name":"rectRadius","required":false,"source":"component","description":"Rect radius in px","typeRef":353},{"name":"rectSize","required":false,"source":"component","description":"Size of day rect in px","typeRef":353},{"name":"splitMonths","required":false,"source":"component","literalValues":[false,true],"description":"If set, inserts a spacer column between months","typeRef":341},{"name":"startDate","required":false,"source":"component","description":"Heatmap start date. Current date - 1 year by default. Date is normalized to UTC midnight of the intended calendar day.","typeRef":362},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip.Floating` component","typeRef":239},{"name":"type","required":false,"source":"component","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"weekdayLabels","required":false,"source":"component","description":"Weekday labels, array of 7 elements, can be used for localization","typeRef":368},{"name":"weekdaysLabelsWidth","required":false,"source":"component","description":"Width of weekday labels column","typeRef":353},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"If set, legend with color levels is displayed below the heatmap","typeRef":341},{"name":"withMonthLabels","required":false,"source":"component","literalValues":[false,true],"description":"If set, month labels are displayed","typeRef":341},{"name":"withOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"If set, trailing dates that do not fall into the given `startDate` – `endDate` range are displayed to fill empty space.","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"If set, tooltip is displayed on rect hover","typeRef":341},{"name":"withWeekdayLabels","required":false,"source":"component","literalValues":[false,true],"description":"If set, weekday labels are displayed","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"HiddenDatesInput","package":"@mantine/dates","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/dates/hidden-dates-input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Internal date-input primitive"},{"name":"Highlight","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/highlight/","props":[{"name":"accentInsensitive","required":false,"source":"component","literalValues":[false,true],"description":"Perform accent-insensitive matching. When enabled cafe will match cafe, café, cafè, etc.","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"caseInsensitive","required":false,"source":"component","literalValues":[false,true],"description":"Perform case-insensitive matching.","typeRef":341},{"name":"color","required":false,"source":"component","description":"Default background color for all highlighted text. Key of `theme.colors` or any valid CSS color, passed to `Mark` component. Can be overridden per term when using HighlightTerm objects.","typeRef":360},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration, ignored when `variant` is not `gradient`","typeRef":179},{"name":"highlight","required":true,"source":"component","description":"Substring(s) to highlight in `children`. Can be: - string: single term - string[]: multiple terms with same color - HighlightTerm[]: multiple terms with custom colors per term - Matching is case-insensitive and accent-insensitive by default, use `caseInsensitive` and `accentInsensitive` props to control this behavior - Regex special characters are automatically escaped - When multiple substrings are provided, longer matches take precedence - Empty strings and whitespace-only strings are ignored","typeRef":367},{"name":"inherit","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether font properties should be inherited from the parent","typeRef":341},{"name":"inline","required":false,"source":"component","literalValues":[false,true],"description":"Sets `line-height` to 1 for centering","typeRef":341},{"name":"lineClamp","required":false,"source":"component","description":"Number of lines after which Text will be truncated","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls `font-size` and `line-height`","typeRef":82},{"name":"span","required":false,"source":"component","literalValues":[false,true],"description":"Shorthand for `component=\"span\"`","typeRef":341},{"name":"textWrap","required":false,"source":"component","literalValues":["balance","nowrap","pretty","stable","wrap"],"description":"Controls `text-wrap` CSS property","typeRef":79},{"name":"truncate","required":false,"source":"component","literalValues":["end",false,"start",true],"description":"Side on which Text must be truncated, if `true`, text is truncated from the start","typeRef":344},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["gradient","text"],"typeRef":131},{"name":"wholeWord","required":false,"source":"component","literalValues":[false,true],"description":"Only match whole words (adds word boundaries to regex). When enabled, 'the' will not match 'there'.","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"HoverCard","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card/","props":[{"name":"arrowOffset","required":false,"source":"component","description":"Arrow offset in px","typeRef":353},{"name":"arrowPosition","required":false,"source":"component","literalValues":["center","merge","side"],"description":"Arrow position","typeRef":24},{"name":"arrowRadius","required":false,"source":"component","description":"Arrow `border-radius` in px","typeRef":353},{"name":"arrowSize","required":false,"source":"component","description":"Arrow size in px","typeRef":353},{"name":"attributes","required":false,"source":"component","typeRef":399},{"name":"clickOutsideEvents","required":false,"source":"component","description":"Events that trigger outside clicks","typeRef":368},{"name":"closeDelay","required":false,"source":"component","description":"Delay in ms before the dropdown closes after mouse leaves the target or dropdown. Overridden by HoverCard.Group delay if used within a group.","typeRef":353},{"name":"closeOnClickOutside","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dropdown should be closed on outside clicks","typeRef":341},{"name":"closeOnEscape","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dropdown should be closed when `Escape` key is pressed","typeRef":341},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Initial opened state for uncontrolled component","typeRef":341},{"name":"floatingStrategy","required":false,"source":"component","literalValues":["absolute","fixed"],"description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","typeRef":34},{"name":"hideDetached","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","typeRef":341},{"name":"initiallyOpened","required":false,"source":"component","literalValues":[false,true],"description":"Initial opened state","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead.","typeRef":341},{"name":"keepMountedMode","required":false,"source":"component","literalValues":["activity","display-none"],"description":"Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles","typeRef":7},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling","typeRef":241},{"name":"offset","required":false,"source":"component","description":"Offset of the dropdown element","typeRef":354},{"name":"openDelay","required":false,"source":"component","description":"Delay in ms before the dropdown opens after mouse enters the target. Overridden by HoverCard.Group delay if used within a group.","typeRef":353},{"name":"overlayProps","required":false,"source":"component","description":"Props passed down to `Overlay` component","typeRef":100},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Dropdown position relative to the target element","typeRef":48},{"name":"preventPositionChangeWhenVisible","required":false,"source":"component","literalValues":[false,true],"description":"If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change.","typeRef":341},{"name":"returnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be automatically returned to control when dropdown closes","typeRef":341},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component. Use to configure duration and animation type.","typeRef":208},{"name":"trapFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be trapped within dropdown","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"width","required":false,"source":"component","description":"Dropdown width, or `'target'` to make dropdown width the same as target element","typeRef":243},{"name":"withArrow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether component should have an arrow","typeRef":341},{"name":"withOverlay","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the overlay should be displayed when the dropdown is opened","typeRef":341},{"name":"withRoles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dropdown and target elements should have accessible roles","typeRef":341}],"blockedProps":[],"subcomponents":["HoverCard.Dropdown","HoverCard.Group","HoverCard.Target"],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HoverCard.Dropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":234},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HoverCard.Group","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card/","props":[{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms","typeRef":353},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms","typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HoverCard.Target","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card/","props":[{"name":"eventPropsWrapperName","required":false,"source":"component","description":"Name of the prop to wrap event listeners in. Use when the target component expects event listeners in a nested object. For example, some components expect `componentProps={{ onMouseEnter, onMouseLeave }}`.","typeRef":359},{"name":"popupType","required":false,"source":"component","description":"Popup accessible type","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HoverCardDropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card-dropdown/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":234},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HoverCardGroup","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card-group/","props":[{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms","typeRef":353},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms","typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HoverCardTarget","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hover-card-target/","props":[{"name":"eventPropsWrapperName","required":false,"source":"component","description":"Name of the prop to wrap event listeners in. Use when the target component expects event listeners in a nested object. For example, some components expect `componentProps={{ onMouseEnter, onMouseLeave }}`.","typeRef":359},{"name":"popupType","required":false,"source":"component","description":"Popup accessible type","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"HueSlider","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/hue-slider/","props":[{"name":"attributes","required":false,"source":"component","typeRef":474},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"focusable","required":false,"source":"component","literalValues":[false,true],"description":"If set, slider thumb can be focused","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Slider size","typeRef":182},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":true,"source":"component","description":"Controlled component value","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Image","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/image/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"fallbackSrc","required":false,"source":"component","description":"Image url used as a fallback if the image cannot be loaded","typeRef":359},{"name":"fit","required":false,"source":"component","literalValues":["-moz-initial","contain","cover","fill","inherit","initial","none","revert","revert-layer","scale-down","unset"],"description":"Controls `object-fit` style","typeRef":4},{"name":"src","required":false,"source":"component","description":"Image url","typeRef":370},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Indicator","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/indicator/","props":[{"name":"attributes","required":false,"source":"component","typeRef":460},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color value","typeRef":162},{"name":"inline","required":false,"source":"component","literalValues":[false,true],"description":"Changes container display from block to inline-block, use when wrapping elements with fixed width","typeRef":341},{"name":"label","required":false,"source":"component","description":"Label displayed inside the indicator, for example, notification count","typeRef":263},{"name":"maxValue","required":false,"source":"component","description":"Maximum value to display. If label is a number greater than this value, it will be displayed as `{maxValue}+`","typeRef":353},{"name":"offset","required":false,"source":"component","description":"Distance in pixels to offset the indicator from its default position, useful for elements with border-radius. Can be a number for uniform offset or an object with `x` and `y` properties for separate horizontal and vertical offsets","typeRef":357},{"name":"position","required":false,"source":"component","literalValues":["bottom-center","bottom-end","bottom-start","middle-center","middle-end","middle-start","top-center","top-end","top-start"],"description":"Indicator position relative to the target element","typeRef":19},{"name":"processing","required":false,"source":"component","literalValues":[false,true],"description":"If set, the indicator has processing animation","typeRef":341},{"name":"showZero","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether indicator with label `0` should be displayed","typeRef":341},{"name":"size","required":false,"source":"component","description":"Indicator width and height","typeRef":365},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"InlineDateTimePicker","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/inline-date-time-picker/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":106},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":107},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":465},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level (uncontrolled)","typeRef":52},{"name":"defaultTimeValue","required":false,"source":"component","description":"Default time value in `HH:mm` or `HH:mm:ss` format. Assigned to time when date is selected.","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":159},{"name":"enableKeyboardNavigation","required":false,"source":"component","literalValues":[false,true],"description":"Enable enhanced keyboard navigation (Ctrl/Cmd + Arrow keys for year navigation, Ctrl/Cmd + Shift + Arrow keys for decade navigation, Y key to open year view)","typeRef":341},{"name":"endTimePickerProps","required":false,"source":"component","description":"Props passed down to the end time `TimePicker` component in range mode","typeRef":196},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":134},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":341},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"labelSeparator","required":false,"source":"component","description":"Separator between range values","typeRef":359},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level (controlled)","typeRef":52},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Max date","typeRef":362},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"typeRef":52},{"name":"minDate","required":false,"source":"component","description":"Min date","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":157},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"submitButtonProps","required":false,"source":"component","description":"Props passed down to the submit button","typeRef":90},{"name":"timePickerProps","required":false,"source":"component","description":"Props passed down to `TimePicker` component","typeRef":196},{"name":"type","required":false,"source":"component","literalValues":["default","multiple","range"],"description":"Picker type: range, multiple or default","typeRef":158},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value for controlled component","typeRef":159},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":161},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withSeconds","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the seconds input should be displayed","typeRef":341},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":341},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"InlineStyles","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/inline-styles/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Writes unscoped style rules"},{"name":"Input","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":["Input.ClearButton","Input.Description","Input.Error","Input.Label","Input.Placeholder","Input.Success","Input.Wrapper"],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.ClearButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.Description","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.Error","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.Label","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.Placeholder","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.Success","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Input.Wrapper","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputBase","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-base/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputClearButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-clear-button/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputClearSection","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-clear-section/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputDescription","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-description/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputError","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-error/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputLabel","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-label/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputPlaceholder","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-placeholder/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputSuccess","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-success/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"InputWrapper","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/input-wrapper/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"JsonInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/json-input/","props":[{"name":"attributes","required":false,"source":"component","typeRef":416},{"name":"autoComplete","required":false,"source":"component","typeRef":359},{"name":"autosize","required":false,"source":"component","literalValues":[false,true],"description":"If set, enables textarea height growing with its content","typeRef":341},{"name":"bottomSection","required":false,"source":"component","description":"Content rendered at the bottom of the input, inside the border","typeRef":263},{"name":"bottomSectionProps","required":false,"source":"component","description":"Props passed down to the `bottomSection` element","typeRef":259},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":359},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"formatOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the value should be formatted on blur","typeRef":341},{"name":"indentSpaces","required":false,"source":"component","description":"Number of spaces to use as white space for formatting. Passed as the third argument to `serialize` function.","typeRef":353},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"maxRows","required":false,"source":"component","description":"Maximum rows for autosize textarea to grow, ignored if `autosize` prop is not set","typeRef":353},{"name":"minRows","required":false,"source":"component","description":"Minimum rows of autosize textarea, ignored if `autosize` prop is not set","typeRef":353},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"resize","required":false,"source":"component","literalValues":["-moz-initial","block","both","horizontal","inherit","initial","inline","none","revert","revert-layer","unset","vertical"],"description":"Controls `resize` CSS property","typeRef":3},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"validationError","required":false,"source":"component","description":"Error message shown when the input value is invalid JSON (checked on blur). If not provided, a generic error state is shown. Takes precedence over the `error` prop when validation fails.","typeRef":263},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Kbd","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/kbd/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls `font-size` and `padding`","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"LevelsGroup","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/levels-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":444},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the group should take the full width of its container","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"LineChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/line-chart/","props":[{"name":"activeDotProps","required":false,"source":"component","description":"Props passed down to all active dots. Ignored if `withDots={false}` is set.","typeRef":178},{"name":"attributes","required":false,"source":"component","typeRef":438},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"connectNulls","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether points with `null` values should be connected","typeRef":341},{"name":"curveType","required":false,"source":"component","literalValues":["bump","linear","monotone","natural","step","stepAfter","stepBefore"],"description":"Type of the curve","typeRef":69},{"name":"data","required":true,"source":"component","description":"Data used to display chart","typeRef":267},{"name":"dataKey","required":true,"source":"component","description":"Key of the `data` object for x-axis values","typeRef":359},{"name":"dotProps","required":false,"source":"component","description":"Props passed down to all dots. Ignored if `withDots={false}` is set.","typeRef":178},{"name":"fillOpacity","required":false,"source":"component","description":"Controls fill opacity of all lines","typeRef":353},{"name":"gradientStops","required":false,"source":"component","description":"Data used to generate gradient stops","typeRef":174},{"name":"gridAxis","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which lines should be displayed in the grid, `'x'` by default","typeRef":61},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the grid and cursor lines, by default depends on color scheme","typeRef":162},{"name":"gridProps","required":false,"source":"component","description":"Props passed down to the `CartesianGrid` component","typeRef":189},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to the `Legend` component","typeRef":190},{"name":"lineChartProps","required":false,"source":"component","description":"Props passed down to recharts `LineChart` component","typeRef":91},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Chart orientation, `'horizontal'` by default","typeRef":36},{"name":"referenceLines","required":false,"source":"component","description":"Reference lines that should be displayed on the chart","typeRef":149},{"name":"rightYAxisLabel","required":false,"source":"component","description":"A label to display next to the right y-axis","typeRef":359},{"name":"rightYAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component rendered on the right side","typeRef":199},{"name":"series","required":true,"source":"component","description":"An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array.","typeRef":175},{"name":"strokeWidth","required":false,"source":"component","description":"Stroke width for the chart lines","typeRef":353},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the text displayed inside the chart, `'dimmed'` by default","typeRef":162},{"name":"tickLine","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which axis should have tick line, `'y'` by default","typeRef":61},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip position animation duration in ms, `0` by default","typeRef":353},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip` component","typeRef":197},{"name":"type","required":false,"source":"component","literalValues":["default","gradient"],"description":"Controls styles of the line","typeRef":27},{"name":"unit","required":false,"source":"component","description":"Unit displayed next to each tick in y-axis","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withDots","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dots should be displayed","typeRef":341},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart legend should be displayed, `false` by default","typeRef":341},{"name":"withPointLabels","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether each point should have associated label","typeRef":341},{"name":"withRightYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart tooltip should be displayed, `true` by default","typeRef":341},{"name":"withXAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether x-axis should be displayed, `true` by default","typeRef":341},{"name":"withYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether y-axis should be displayed, `true` by default","typeRef":341},{"name":"xAxisLabel","required":false,"source":"component","description":"A label to display below the x-axis","typeRef":359},{"name":"xAxisProps","required":false,"source":"component","description":"Props passed down to the `XAxis` recharts component","typeRef":198},{"name":"yAxisLabel","required":false,"source":"component","description":"A label to display next to the y-axis","typeRef":359},{"name":"yAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component","typeRef":199}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"List","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/list/","props":[{"name":"attributes","required":false,"source":"component","typeRef":462},{"name":"center","required":false,"source":"component","literalValues":[false,true],"description":"Vertically centers list items with their icons","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"icon","required":false,"source":"component","description":"Icon to replace default list markers. Applied to all items unless overridden on individual List.Item components","typeRef":263},{"name":"listStyleType","required":false,"source":"component","literalValues":["-moz-initial","inherit","initial","none","revert","revert-layer","unset"],"description":"Controls CSS `list-style-type` property. Overrides the default list marker style based on list type","typeRef":249},{"name":"reversed","required":false,"source":"component","literalValues":[false,true],"description":"Reverses the order of list items (only works with type=\"ordered\")","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls `font-size` and `line-height`","typeRef":81},{"name":"spacing","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value to set spacing between items","typeRef":183},{"name":"start","required":false,"source":"component","description":"Starting value for ordered list numbering (only works with type=\"ordered\")","typeRef":353},{"name":"type","required":false,"source":"component","literalValues":["ordered","unordered"],"description":"List type","typeRef":65},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withPadding","required":false,"source":"component","literalValues":[false,true],"description":"Adds extra horizontal padding to the list, useful for nested lists","typeRef":341}],"blockedProps":[],"subcomponents":["List.Item"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"List.Item","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/list/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"icon","required":false,"source":"component","description":"Icon to replace item bullet","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":229},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"ListItem","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/list-item/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"icon","required":false,"source":"component","description":"Icon to replace item bullet","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":229},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Loader","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/loader/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"loaders","required":false,"source":"component","description":"Object of loaders components, can be customized via default props or inline.","typeRef":226},{"name":"radius","required":false,"source":"component","typeRef":365},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls `width` and `height` of the loader. `Loader` has predefined `xs`-`xl` values. Numbers are converted to rem.","typeRef":355},{"name":"type","required":false,"source":"component","literalValues":["bars","dots","oval"],"description":"Loader type, key of `loaders` prop","typeRef":110},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"LoadingOverlay","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/loading-overlay/","props":[{"name":"attributes","required":false,"source":"component","typeRef":464},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"loaderProps","required":false,"source":"component","description":"Props passed down to `Loader` component","typeRef":176},{"name":"overlayProps","required":false,"source":"component","description":"Props passed down to `Overlay` component. Use to customizing blur, opacity, color and other properties.","typeRef":201},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to `Transition` component. Set `duration` to create custom transition or override default transition.","typeRef":208},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"visible","required":false,"source":"component","literalValues":[false,true],"description":"Controls overlay visibility. Typically used with state (useState, useDisclosure).","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"MantineProvider","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/mantine-provider/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Replaces a Homarr-owned provider boundary"},{"name":"MantineThemeProvider","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/mantine-theme-provider/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Replaces a Homarr-owned provider boundary"},{"name":"Mark","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/mark/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Marquee","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/marquee/","props":[{"name":"attributes","required":false,"source":"component","typeRef":395},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"duration","required":false,"source":"component","description":"Animation duration in ms","typeRef":353},{"name":"fadeEdgeColor","required":false,"source":"component","description":"Color of the fade gradient,","typeRef":359},{"name":"fadeEdgeSize","required":false,"source":"component","description":"Size of the fade gradient,","typeRef":359},{"name":"fadeEdges","required":false,"source":"component","literalValues":[false,true],"description":"Whether to show gradient fade on edges,","typeRef":341},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Gap between repeated children, key of `theme.spacing` or any valid CSS value","typeRef":183},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Scroll orientation","typeRef":36},{"name":"pauseOnHover","required":false,"source":"component","literalValues":[false,true],"description":"Pauses animation on hover","typeRef":341},{"name":"repeat","required":false,"source":"component","description":"Number of times children are repeated inline for seamless scrolling","typeRef":353},{"name":"reverse","required":false,"source":"component","literalValues":[false,true],"description":"Reverses animation direction","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"MaskInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/mask-input/","props":[{"name":"alwaysShowMask","required":false,"source":"component","literalValues":[false,true],"description":"Show mask pattern even when field is empty and unfocused","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":416},{"name":"autoClear","required":false,"source":"component","literalValues":[false,true],"description":"Clear value on blur when mask is incomplete, `false` by default","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"mask","required":true,"source":"component","description":"Mask pattern string or array of string literals and RegExp objects","typeRef":361},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"separate","required":false,"source":"component","literalValues":[false,true],"description":"When true, raw and display values are decoupled","typeRef":341},{"name":"showMaskOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Show mask placeholder on focus, `true` by default","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"slotChar","required":false,"source":"component","description":"Character displayed in unfilled slots, `\"_\"` by default","typeRef":352},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"tokens","required":false,"source":"component","description":"Override or extend the default token map","typeRef":265},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Menu","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"alignItemsLabels","required":false,"source":"component","literalValues":["all","none","with-indicators"],"description":"Controls how indicator slot space is reserved on menu items for label alignment. `'all'` reserves space on every `Menu.Item`, `'with-indicators'` reserves space only on `Menu.CheckboxItem` and `Menu.RadioItem`, `'none'` reserves space only on items that currently display an indicator.","typeRef":55},{"name":"arrowOffset","required":false,"source":"component","description":"Arrow offset in px","typeRef":353},{"name":"arrowPosition","required":false,"source":"component","literalValues":["center","merge","side"],"description":"Arrow position","typeRef":24},{"name":"arrowRadius","required":false,"source":"component","description":"Arrow `border-radius` in px","typeRef":353},{"name":"arrowSize","required":false,"source":"component","description":"Arrow size in px","typeRef":353},{"name":"attributes","required":false,"source":"component","typeRef":430},{"name":"checkIcon","required":false,"source":"component","description":"Custom icon rendered as the indicator of checked `Menu.CheckboxItem` and selected `Menu.RadioItem`. Can be overridden per item with the `checkIcon` prop.","typeRef":263},{"name":"clickOutsideEvents","required":false,"source":"component","description":"Events that trigger outside click detection. Includes mousedown for desktop clicks, touchstart for mobile, and keydown for Escape key handling","typeRef":368},{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms, applicable only to `trigger=\"hover\"` variant","typeRef":353},{"name":"closeOnClickOutside","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is closed on outside clicks","typeRef":341},{"name":"closeOnEscape","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is closed when the `Escape` key is pressed","typeRef":341},{"name":"closeOnItemClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, the Menu is closed when one of the items is clicked. Can be overridden per item with `closeMenuOnClick` prop","typeRef":341},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled menu initial opened state","typeRef":341},{"name":"floatingStrategy","required":false,"source":"component","literalValues":["absolute","fixed"],"description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","typeRef":34},{"name":"hideDetached","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead.","typeRef":341},{"name":"keepMountedMode","required":false,"source":"component","literalValues":["activity","display-none"],"description":"Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles","typeRef":7},{"name":"loop","required":false,"source":"component","literalValues":[false,true],"description":"If set, arrow key presses wrap around from last item to first and vice versa","typeRef":341},{"name":"menuItemTabIndex","required":false,"source":"component","literalValues":[-1,0],"description":"Set the `tabindex` on all menu items. Use `0` to allow Tab key navigation through menu items (required for navigation menus following WAI-ARIA disclosure pattern).","typeRef":133},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling","typeRef":241},{"name":"offset","required":false,"source":"component","description":"Offset of the dropdown element","typeRef":354},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms, applicable only to `trigger=\"hover\"` variant","typeRef":353},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled menu opened state","typeRef":341},{"name":"overlayProps","required":false,"source":"component","description":"Props passed down to `Overlay` component","typeRef":100},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Dropdown position relative to the target element","typeRef":48},{"name":"preventPositionChangeWhenVisible","required":false,"source":"component","literalValues":[false,true],"description":"If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change.","typeRef":341},{"name":"returnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be automatically returned to control when dropdown closes","typeRef":341},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component. Use to configure duration and animation type.","typeRef":208},{"name":"trapFocus","required":false,"source":"component","literalValues":[false,true],"description":"If set, focus is trapped within the menu dropdown when it is opened","typeRef":341},{"name":"trigger","required":false,"source":"component","literalValues":["click","click-hover","hover"],"description":"Event trigger to open menu. Note: 'hover' is not keyboard accessible; prefer 'click-hover' for accessible hover menus","typeRef":37},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"width","required":false,"source":"component","description":"Dropdown width, or `'target'` to make dropdown width the same as target element","typeRef":243},{"name":"withArrow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether component should have an arrow","typeRef":341},{"name":"withInitialFocusPlaceholder","required":false,"source":"component","literalValues":[false,true],"description":"Adds a hidden focusable element at the start of the dropdown to prevent unexpected focus jumps when opening with keyboard. Set to false if you need custom focus management.","typeRef":341},{"name":"withOverlay","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the overlay should be displayed when the dropdown is opened","typeRef":341}],"blockedProps":[],"subcomponents":["Menu.CheckboxGroup","Menu.CheckboxItem","Menu.ContextMenu","Menu.Divider","Menu.Dropdown","Menu.Item","Menu.Label","Menu.RadioGroup","Menu.RadioItem","Menu.Search","Menu.Sub","Menu.Target"],"bind":{"type":"boolean","initialProp":"defaultChecked"},"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.CheckboxGroup","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled default selected values","typeRef":368},{"name":"value","required":false,"source":"component","description":"Controlled selected values","typeRef":368}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.CheckboxItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"checkIcon","required":false,"source":"component","description":"Replaces the default check icon rendered in the indicator slot when the item is checked. Overrides `checkIcon` set on `Menu`.","typeRef":263},{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, closes the menu when this item is clicked. By default, checkbox items do not close the menu.","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":230},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"value","required":false,"source":"component","description":"Value of the checkbox item. When used inside `Menu.CheckboxGroup`, determines whether the item is checked and what value is added/removed on toggle.","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.ContextMenu","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"longPressDelay","required":false,"source":"component","description":"Delay in ms before a touch long-press opens the dropdown on touch devices, `500` by default","typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Divider","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":213},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Dropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":215},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Item","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"Controls whether the menu closes when this item is clicked. When undefined, inherits from Menu's `closeOnItemClick` prop. When true or false, overrides the Menu-level setting","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"leftSection","required":false,"source":"component","description":"Section displayed at the start of the label","typeRef":263},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":231},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Label","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.RadioGroup","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled default selected value","typeRef":352},{"name":"value","required":false,"source":"component","description":"Controlled selected value","typeRef":352}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.RadioItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"checkIcon","required":false,"source":"component","description":"Replaces the default radio indicator rendered when the item is selected. Overrides `checkIcon` set on `Menu`.","typeRef":263},{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, closes the menu when this item is clicked. By default, radio items do not close the menu.","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":232},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"value","required":true,"source":"component","description":"Value of the radio item. Used by the parent `Menu.RadioGroup` to determine which item is selected.","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Search","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"attributes","required":false,"source":"component","typeRef":420},{"name":"clearSearchOnClose","required":false,"source":"component","literalValues":[false,true],"description":"If set, clears the search value after the menu close transition completes. Requires a controlled `value`/`onChange` pair.","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"error","required":false,"source":"component","description":"Determines whether the input should have error styles and `aria-invalid` attribute","typeRef":263},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"multiline","required":false,"source":"component","literalValues":[false,true],"description":"Adjusts padding and sizing calculations for multiline inputs (use with `component=\"textarea\"`). Does not make the input multiline by itself.","typeRef":341},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Determines whether the input should have success styles","typeRef":263},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAria","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether `aria-` and other accessibility attributes should be added to the input. Only disable when implementing custom accessibility handling.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element of the `Input` component","typeRef":331}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Sub","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[{"name":"arrowOffset","required":false,"source":"component","description":"Arrow offset in px","typeRef":353},{"name":"arrowPosition","required":false,"source":"component","literalValues":["center","merge","side"],"description":"Arrow position","typeRef":24},{"name":"arrowRadius","required":false,"source":"component","description":"Arrow `border-radius` in px","typeRef":353},{"name":"arrowSize","required":false,"source":"component","description":"Arrow size in px","typeRef":353},{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms, applicable when hover trigger is used","typeRef":353},{"name":"floatingStrategy","required":false,"source":"component","literalValues":["absolute","fixed"],"description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","typeRef":34},{"name":"hideDetached","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead.","typeRef":341},{"name":"keepMountedMode","required":false,"source":"component","literalValues":["activity","display-none"],"description":"Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles","typeRef":7},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling","typeRef":241},{"name":"offset","required":false,"source":"component","description":"Offset of the dropdown element","typeRef":354},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms, applicable when hover trigger is used","typeRef":353},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled opened state","typeRef":341},{"name":"overlayProps","required":false,"source":"component","description":"Props passed down to `Overlay` component","typeRef":100},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Dropdown position relative to the target element","typeRef":48},{"name":"preventPositionChangeWhenVisible","required":false,"source":"component","literalValues":[false,true],"description":"If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change.","typeRef":341},{"name":"returnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be automatically returned to control when dropdown closes","typeRef":341},{"name":"safeAreaPolygon","required":false,"source":"component","description":"Determines whether submenu stays open while the cursor moves toward its dropdown. Pass an object to configure safe polygon behavior.","typeRef":337},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component that used to animate dropdown presence, use to configure duration and animation type","typeRef":208},{"name":"width","required":false,"source":"component","description":"Dropdown width, or `'target'` to make dropdown width the same as target element","typeRef":243},{"name":"withArrow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether component should have an arrow","typeRef":341},{"name":"withOverlay","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the overlay should be displayed when the dropdown is opened","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menu.Target","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuCheckboxGroup","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-checkbox-group/","props":[{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled default selected values","typeRef":368},{"name":"value","required":false,"source":"component","description":"Controlled selected values","typeRef":368}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuCheckboxItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-checkbox-item/","props":[{"name":"checkIcon","required":false,"source":"component","description":"Replaces the default check icon rendered in the indicator slot when the item is checked. Overrides `checkIcon` set on `Menu`.","typeRef":263},{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, closes the menu when this item is clicked. By default, checkbox items do not close the menu.","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":230},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"value","required":false,"source":"component","description":"Value of the checkbox item. When used inside `Menu.CheckboxGroup`, determines whether the item is checked and what value is added/removed on toggle.","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuContextMenu","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-context-menu/","props":[{"name":"longPressDelay","required":false,"source":"component","description":"Delay in ms before a touch long-press opens the dropdown on touch devices, `500` by default","typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuDivider","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-divider/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":213},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuDropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-dropdown/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":215},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-item/","props":[{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"Controls whether the menu closes when this item is clicked. When undefined, inherits from Menu's `closeOnItemClick` prop. When true or false, overrides the Menu-level setting","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"leftSection","required":false,"source":"component","description":"Section displayed at the start of the label","typeRef":263},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":231},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuLabel","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-label/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuRadioGroup","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-radio-group/","props":[{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled default selected value","typeRef":352},{"name":"value","required":false,"source":"component","description":"Controlled selected value","typeRef":352}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuRadioItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-radio-item/","props":[{"name":"checkIcon","required":false,"source":"component","description":"Replaces the default radio indicator rendered when the item is selected. Overrides `checkIcon` set on `Menu`.","typeRef":263},{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, closes the menu when this item is clicked. By default, radio items do not close the menu.","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":232},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"value","required":true,"source":"component","description":"Value of the radio item. Used by the parent `Menu.RadioGroup` to determine which item is selected.","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSearch","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-search/","props":[{"name":"attributes","required":false,"source":"component","typeRef":420},{"name":"clearSearchOnClose","required":false,"source":"component","literalValues":[false,true],"description":"If set, clears the search value after the menu close transition completes. Requires a controlled `value`/`onChange` pair.","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"error","required":false,"source":"component","description":"Determines whether the input should have error styles and `aria-invalid` attribute","typeRef":263},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"multiline","required":false,"source":"component","literalValues":[false,true],"description":"Adjusts padding and sizing calculations for multiline inputs (use with `component=\"textarea\"`). Does not make the input multiline by itself.","typeRef":341},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Determines whether the input should have success styles","typeRef":263},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAria","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether `aria-` and other accessibility attributes should be added to the input. Only disable when implementing custom accessibility handling.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element of the `Input` component","typeRef":331}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSub","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub/","props":[{"name":"arrowOffset","required":false,"source":"component","description":"Arrow offset in px","typeRef":353},{"name":"arrowPosition","required":false,"source":"component","literalValues":["center","merge","side"],"description":"Arrow position","typeRef":24},{"name":"arrowRadius","required":false,"source":"component","description":"Arrow `border-radius` in px","typeRef":353},{"name":"arrowSize","required":false,"source":"component","description":"Arrow size in px","typeRef":353},{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms, applicable when hover trigger is used","typeRef":353},{"name":"floatingStrategy","required":false,"source":"component","literalValues":["absolute","fixed"],"description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","typeRef":34},{"name":"hideDetached","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead.","typeRef":341},{"name":"keepMountedMode","required":false,"source":"component","literalValues":["activity","display-none"],"description":"Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles","typeRef":7},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling","typeRef":241},{"name":"offset","required":false,"source":"component","description":"Offset of the dropdown element","typeRef":354},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms, applicable when hover trigger is used","typeRef":353},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled opened state","typeRef":341},{"name":"overlayProps","required":false,"source":"component","description":"Props passed down to `Overlay` component","typeRef":100},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Dropdown position relative to the target element","typeRef":48},{"name":"preventPositionChangeWhenVisible","required":false,"source":"component","literalValues":[false,true],"description":"If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change.","typeRef":341},{"name":"returnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be automatically returned to control when dropdown closes","typeRef":341},{"name":"safeAreaPolygon","required":false,"source":"component","description":"Determines whether submenu stays open while the cursor moves toward its dropdown. Pass an object to configure safe polygon behavior.","typeRef":337},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component that used to animate dropdown presence, use to configure duration and animation type","typeRef":208},{"name":"width","required":false,"source":"component","description":"Dropdown width, or `'target'` to make dropdown width the same as target element","typeRef":243},{"name":"withArrow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether component should have an arrow","typeRef":341},{"name":"withOverlay","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the overlay should be displayed when the dropdown is opened","typeRef":341}],"blockedProps":[],"subcomponents":["MenuSub.Dropdown","MenuSub.Item","MenuSub.Target"],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSub.Dropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":215},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSub.Item","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub/","props":[{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, the menu is closed when the item is clicked. Overrides `closeOnItemClick` prop on the `Menu` component.","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"leftSection","required":false,"source":"component","description":"Section displayed at the start of the label","typeRef":263},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":233},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSub.Target","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSubDropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub-dropdown/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":215},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSubItem","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub-item/","props":[{"name":"closeMenuOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, the menu is closed when the item is clicked. Overrides `closeOnItemClick` prop on the `Menu` component.","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"data-disabled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"leftSection","required":false,"source":"component","description":"Section displayed at the start of the label","typeRef":263},{"name":"rightSection","required":false,"source":"component","description":"Section displayed at the end of the label","typeRef":263},{"name":"styles","required":false,"source":"component","typeRef":233},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuSubTarget","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-sub-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"MenuTarget","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/menu-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Menubar","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar/","props":[],"blockedProps":[],"subcomponents":["Menubar.Dropdown","Menubar.Menu","Menubar.Target"],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Menubar.Dropdown","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Menubar.Menu","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"Menubar.Target","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"MenubarDropdown","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar-dropdown/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"MenubarMenu","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar-menu/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"MenubarTarget","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/menubar-target/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"MiniCalendar","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/mini-calendar/","props":[{"name":"attributes","required":false,"source":"component","typeRef":456},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"date","required":false,"source":"component","description":"Controlled component date value, start date of the interval","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Uncontrolled component default value, start date of the interval","typeRef":362},{"name":"locale","required":false,"source":"component","description":"dayjs locale used for formatting","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum date that can be selected, date object or date string in `YYYY-MM-DD` format","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum date that can be selected, date object or date string in `YYYY-MM-DD` format","typeRef":362},{"name":"monthLabelFormat","required":false,"source":"component","description":"Dayjs format string for month label","typeRef":359},{"name":"nextControlProps","required":false,"source":"component","description":"Props passed to next control button","typeRef":102},{"name":"numberOfDays","required":false,"source":"component","description":"Number of days to display in the calendar","typeRef":353},{"name":"previousControlProps","required":false,"source":"component","description":"Props passed to previous control button","typeRef":102},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Selected date, controlled value","typeRef":363},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"Modal","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":["Modal.Body","Modal.CloseButton","Modal.Content","Modal.Header","Modal.Overlay","Modal.Root","Modal.Stack","Modal.Title"],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Body","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.CloseButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Content","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Header","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Overlay","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Root","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Stack","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Modal.Title","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBase","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBaseBody","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base-body/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBaseCloseButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base-close-button/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBaseContent","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base-content/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBaseHeader","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base-header/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBaseOverlay","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base-overlay/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBaseTitle","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-base-title/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalBody","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-body/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalCloseButton","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-close-button/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalContent","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-content/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalHeader","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-header/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalOverlay","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-overlay/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalRoot","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-root/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalStack","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-stack/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"ModalTitle","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/modal-title/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Escapes or replaces the widget layout, focus, scrolling, or overlay boundary"},{"name":"Month","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/month/","props":[{"name":"align","required":false,"source":"component","literalValues":["center","left","right"],"typeRef":22},{"name":"attributes","required":false,"source":"component","typeRef":447},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":134},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the month should take the full width of its container","typeRef":341},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":341},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"locale","required":false,"source":"component","description":"`dayjs` locale, the default value is defined by `DatesProvider`","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date, in `YYYY-MM-DD` format","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date, in `YYYY-MM-DD` format","typeRef":362},{"name":"month","required":true,"source":"component","description":"Month to display, value `YYYY-MM-DD`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size","typeRef":81},{"name":"static","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether days should be static, static days can be used to display month if it is not expected that user will interact with the component in any way","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":161},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated by space","typeRef":341},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"MonthLevel","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/month-level/","props":[{"name":"attributes","required":false,"source":"component","typeRef":448},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":134},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":341},{"name":"hasNextLevel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next level button should be enabled","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":341},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"levelControlAriaLabel","required":false,"source":"component","description":"Aria-label for change level control","typeRef":359},{"name":"locale","required":false,"source":"component","description":"`dayjs` locale, the default value is defined by `DatesProvider`","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date, in `YYYY-MM-DD` format","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date, in `YYYY-MM-DD` format","typeRef":362},{"name":"month","required":true,"source":"component","description":"Month that is currently displayed","typeRef":359},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":341},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":341},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size","typeRef":81},{"name":"static","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether days should be static, static days can be used to display month if it is not expected that user will interact with the component in any way","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":161},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated by space","typeRef":341},{"name":"withNext","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next control should be rendered","typeRef":341},{"name":"withPrevious","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether previous control should be rendered","typeRef":341},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"MonthLevelGroup","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/month-level-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":449},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, where 0 – Sunday and 6 – Saturday.","typeRef":134},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":341},{"name":"hasNextLevel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next level button should be enabled","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"hideOutsideDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether outside dates should be hidden","typeRef":341},{"name":"hideWeekdays","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether weekdays row should be hidden","typeRef":341},{"name":"highlightToday","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether today should be highlighted with a border","typeRef":341},{"name":"locale","required":false,"source":"component","description":"`dayjs` locale, the default value is defined by `DatesProvider`","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date, in `YYYY-MM-DD` format","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date, in `YYYY-MM-DD` format","typeRef":362},{"name":"month","required":true,"source":"component","description":"Month to display","typeRef":359},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":341},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns to display next to each other","typeRef":353},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":341},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size","typeRef":81},{"name":"static","required":false,"source":"component","literalValues":[false,true],"description":"Passed as `isStatic` prop to `Month` component","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"weekendDays","required":false,"source":"component","description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`.","typeRef":161},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated by space","typeRef":341},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether week numbers should be displayed","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"MonthPicker","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/month-picker/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":106},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":107},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":382},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level (uncontrolled)","typeRef":52},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":159},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level (controlled)","typeRef":52},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Max level that user can go up to","typeRef":52},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":185},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"type","required":false,"source":"component","literalValues":["default","multiple","range"],"description":"Picker type: range, multiple or default","typeRef":158},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value for controlled component","typeRef":159},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"MonthPickerInput","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/month-picker-input/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":106},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":107},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":412},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":258},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set.","typeRef":341},{"name":"closeOnChange","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the dropdown is closed when date is selected, not applicable with `type=\"multiple\"`","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Initial displayed level (uncontrolled)","typeRef":52},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":159},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"labelSeparator","required":false,"source":"component","description":"Separator between range value","typeRef":359},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"level","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Current displayed level (controlled)","typeRef":52},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"maxLevel","required":false,"source":"component","literalValues":["decade","month","year"],"description":"Max level that user can go up to","typeRef":52},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to `Popover` component","typeRef":204},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":185},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"sortDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dates values should be sorted before `onChange` call, only applicable with type=\"multiple\"","typeRef":341},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["default","multiple","range"],"description":"Picker type: range, multiple or default","typeRef":158},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value for controlled component","typeRef":159},{"name":"valueFormat","required":false,"source":"component","description":"`dayjs` format for input value","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[{"name":"dropdownType","reason":"Modal picker mode escapes the widget overlay boundary"},{"name":"modalProps","reason":"Modal picker configuration escapes the widget overlay boundary"}],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"MonthsList","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/months-list/","props":[{"name":"align","required":false,"source":"component","literalValues":["center","left","right"],"typeRef":22},{"name":"attributes","required":false,"source":"component","typeRef":450},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"year","required":true,"source":"component","description":"Year for which months list should be displayed","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"MultiSelect","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/multi-select/","props":[{"name":"attributes","required":false,"source":"component","typeRef":406},{"name":"checkIconPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the checkmark icon shown next to selected options in the dropdown","typeRef":47},{"name":"chevronColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the default chevron","typeRef":162},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":172},{"name":"clearSearchOnChange","required":false,"source":"component","literalValues":[false,true],"description":"Clear search value when item is selected","typeRef":341},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"When enabled, displays a clear button to remove all selected values (hidden when component is empty, disabled, or read-only)","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"comboboxProps","required":false,"source":"component","description":"Props passed down to `Combobox` component","typeRef":153},{"name":"data","required":false,"source":"component","description":"Data used to generate options. Values must be unique, otherwise an error will be thrown and component will not render.","typeRef":151},{"name":"defaultDropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled dropdown initial opened state","typeRef":341},{"name":"defaultSearchValue","required":false,"source":"component","description":"Default search value","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":330},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"dropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled dropdown opened state","typeRef":341},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"floatingHeight","required":false,"source":"component","literalValues":["viewport"],"description":"If set to `'viewport'`, the dropdown grows to fill the available vertical space in the viewport. Disables the `flip` middleware.","typeRef":78},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":195},{"name":"hiddenInputValuesDivider","required":false,"source":"component","description":"Divider used to separate values in the hidden input `value` attribute","typeRef":359},{"name":"hidePickedOptions","required":false,"source":"component","literalValues":[false,true],"description":"When enabled, selected options are hidden from the dropdown list","typeRef":341},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"limit","required":false,"source":"component","description":"Maximum number of options displayed at a time, `Infinity` by default","typeRef":353},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"maxDropdownHeight","required":false,"source":"component","description":"`max-height` of the dropdown, only applicable when `withScrollArea` prop is `true`, `250` by default","typeRef":365},{"name":"maxValues","required":false,"source":"component","description":"Maximum number of values, no limit if not set","typeRef":353},{"name":"nothingFoundMessage","required":false,"source":"component","description":"Message displayed when no options match the search query (when searchable is enabled) or when the data array is empty. If not set, the dropdown will be hidden instead.","typeRef":263},{"name":"openOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Controls whether dropdown opens when the input receives focus","typeRef":341},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed down to the underlying `ScrollArea` component in the dropdown","typeRef":274},{"name":"searchValue","required":false,"source":"component","description":"Controlled search value","typeRef":359},{"name":"searchable","required":false,"source":"component","literalValues":[false,true],"description":"Allows searching through options by user input","typeRef":341},{"name":"selectFirstOptionOnChange","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when value changes, `false` by default","typeRef":341},{"name":"selectFirstOptionOnDropdownOpen","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when dropdown opens, `false` by default","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":330},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAlignedLabels","required":false,"source":"component","literalValues":[false,true],"description":"If set, unchecked labels are aligned with checked ones","typeRef":341},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withCheckIcon","required":false,"source":"component","literalValues":[false,true],"description":"If set, the check icon is displayed near the selected option label","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withPillsReorder","required":false,"source":"component","literalValues":[false,true],"description":"If set, selected values can be reordered by dragging pills. Disabled when `disabled` or `readOnly` is set.","typeRef":341},{"name":"withScrollArea","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the options should be wrapped with `ScrollArea.AutoSize`, `true` by default","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"NativeScrollArea","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/native-scroll-area/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"NativeSelect","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/native-select/","props":[{"name":"attributes","required":false,"source":"component","typeRef":416},{"name":"autoComplete","required":false,"source":"component","typeRef":359},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":false,"source":"component","description":"Data used to render options. Accepts strings, objects with label/value, or grouped options. If `children` prop is provided, `data` will be ignored.","typeRef":154},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"NavLink","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/nav-link/","props":[{"name":"active","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the link should have active styles","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":377},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"childrenOffset","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls indentation of nested NavLink components, key of `theme.spacing` or any valid CSS value","typeRef":183},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to control active styles","typeRef":162},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled nested items collapse initial state","typeRef":341},{"name":"description","required":false,"source":"component","description":"Link description, displayed below the label","typeRef":263},{"name":"disableRightSectionRotation","required":false,"source":"component","literalValues":[false,true],"description":"If set, right section will not be rotated when collapse is opened","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set to `false`, child `NavLinks` are unmounted when collapsed","typeRef":341},{"name":"label","required":false,"source":"component","description":"Main link label","typeRef":263},{"name":"leftSection","required":false,"source":"component","description":"Section displayed on the left side of the label","typeRef":263},{"name":"noWrap","required":false,"source":"component","literalValues":[false,true],"description":"If set, label and description are truncated with ellipsis instead of wrapping","typeRef":341},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled nested items collapse state","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Section displayed on the right side of the label","typeRef":263},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["filled","light","subtle"],"typeRef":125}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Notification","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/notification/","props":[{"name":"attributes","required":false,"source":"component","typeRef":381},{"name":"closeButtonProps","required":false,"source":"component","description":"Props passed down to the close button","typeRef":94},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls icon background color or notification accent line color, key of `theme.colors` or any valid CSS color. When `icon` is provided, sets the icon background color. When no icon is provided, sets the colored accent line on the left.","typeRef":162},{"name":"icon","required":false,"source":"component","description":"Notification icon, replaces color line","typeRef":263},{"name":"loaderProps","required":false,"source":"component","description":"Props passed down to the `Loader` component","typeRef":176},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"If set, displays a `Loader` component instead of the icon. Takes precedence over the `icon` prop if both are provided.","typeRef":341},{"name":"title","required":false,"source":"component","description":"Notification title, displayed above the message body","typeRef":263},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withCloseButton","required":false,"source":"component","literalValues":[false,true],"description":"If set, the close button is visible","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"NumberFormatter","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/number-formatter/","props":[{"name":"allowNegative","required":false,"source":"component","literalValues":[false,true],"description":"If set, negative values are allowed","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"decimalScale","required":false,"source":"component","description":"Limits the number of digits that are displayed after the decimal point","typeRef":353},{"name":"decimalSeparator","required":false,"source":"component","description":"Character used as a decimal separator, `'.'` by default","typeRef":359},{"name":"fixedDecimalScale","required":false,"source":"component","literalValues":[false,true],"description":"If set, zeros are added after `decimalSeparator` to match given `decimalScale`.","typeRef":341},{"name":"suffix","required":false,"source":"component","description":"Suffix added after the value","typeRef":359},{"name":"thousandSeparator","required":false,"source":"component","description":"A character used to separate thousands","typeRef":364},{"name":"thousandsGroupStyle","required":false,"source":"component","literalValues":["lakh","none","thousand","wan"],"description":"Defines the thousand grouping style","typeRef":60},{"name":"value","required":false,"source":"component","description":"Value to format","typeRef":365}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"NumberInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/number-input/","props":[{"name":"allowDecimal","required":false,"source":"component","literalValues":[false,true],"description":"If set, decimal values are allowed","typeRef":341},{"name":"allowLeadingZeros","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether leading zeros are allowed during input. If `false`, leading zeros are removed as you type (e.g., typing `007` results in `7`). Works in conjunction with `trimLeadingZeroesOnBlur`.","typeRef":341},{"name":"allowNegative","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether negative numbers are allowed. If `false`, the input will not accept negative values, and the decrement button will stop at `0` (when `min` is not set).","typeRef":341},{"name":"allowedDecimalSeparators","required":false,"source":"component","description":"Characters which when pressed result in a decimal separator. These characters will be replaced by the `decimalSeparator` in the input value.","typeRef":368},{"name":"attributes","required":false,"source":"component","typeRef":417},{"name":"clampBehavior","required":false,"source":"component","literalValues":["blur","none","strict"],"description":"Controls how values are clamped to the `min`/`max` range: - `'blur'` (default): User can type any value, but it's clamped when the input loses focus - `'strict'`: User cannot type values outside the range - `'none'`: No clamping; `min`/`max` only apply to increment/decrement controls and arrow keys","typeRef":58},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"decimalScale","required":false,"source":"component","description":"Limits the number of digits that can be entered after the decimal point","typeRef":353},{"name":"decimalSeparator","required":false,"source":"component","description":"Character used as a decimal separator. Generally used with `allowedDecimalSeparators` prop.","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":187},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"fixedDecimalScale","required":false,"source":"component","literalValues":[false,true],"description":"If `true`, automatically pads the decimal part with zeros to match `decimalScale` (e.g., with `decimalScale={2}`, typing `5.1` displays as `5.10`). Requires `decimalScale` to be set.","typeRef":341},{"name":"hideControls","required":false,"source":"component","literalValues":[false,true],"description":"If set, the up/down controls are hidden","typeRef":341},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"max","required":false,"source":"component","description":"Maximum possible value","typeRef":313},{"name":"min","required":false,"source":"component","description":"Minimum possible value","typeRef":313},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"selectAllOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"If set, all text is selected when the input receives focus","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"startValue","required":false,"source":"component","description":"Value used when incrementing/decrementing an empty input. If `min` is set and `startValue < min`, `min` is used instead.","typeRef":313},{"name":"step","required":false,"source":"component","description":"Number by which value will be incremented/decremented with up/down controls and keyboard arrows","typeRef":313},{"name":"stepHoldDelay","required":false,"source":"component","description":"Initial delay in milliseconds before stepping the value.","typeRef":353},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"suffix","required":false,"source":"component","description":"Suffix added after the input value","typeRef":359},{"name":"thousandSeparator","required":false,"source":"component","description":"A character used to separate thousands","typeRef":364},{"name":"thousandsGroupStyle","required":false,"source":"component","literalValues":["lakh","none","thousand","wan"],"description":"Defines the thousand grouping style. 'thousand' (1,000), 'lakh' (1,00,000), 'wan' (1,0000), 'none'.","typeRef":60},{"name":"trimLeadingZeroesOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"If set, leading zeros are removed on blur. For example, `00100` -> `100`","typeRef":341},{"name":"type","required":false,"source":"component","literalValues":["password","tel","text"],"description":"Controls input `type` attribute","typeRef":74},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":187},{"name":"valueIsNumericString","required":false,"source":"component","literalValues":[false,true],"description":"Advanced: Set to `true` if you're passing numeric strings (e.g., `\"12345\"`) and using formatting props like `prefix` or `suffix`. In most cases, you don't need this prop. See [react-number-format docs](https://www.npmjs.com/package/react-number-format) for details.","typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withKeyboardEvents","required":false,"source":"component","literalValues":[false,true],"description":"If set, up/down keyboard events increment/decrement value","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"number","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"OptionalPortal","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/optional-portal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Can render outside the widget root"},{"name":"OptionsDropdown","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/options-dropdown/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"OverflowList","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/overflow-list/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"collapseFrom","required":false,"source":"component","literalValues":["end","start"],"description":"Direction from which items are collapsed when they overflow, `'end'` collapses last items, `'start'` collapses first items","typeRef":32},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Array of items to display","typeRef":314},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem","typeRef":183},{"name":"maxRows","required":false,"source":"component","description":"Number of rows to display","typeRef":353},{"name":"maxVisibleItems","required":false,"source":"component","description":"Maximum number of visible items","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Overlay","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/overlay/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"backgroundOpacity","required":false,"source":"component","description":"Overlay `background-color` opacity 0–1, ignored when `gradient` prop is set","typeRef":353},{"name":"blur","required":false,"source":"component","description":"Overlay background blur in px (converted to rem). Applies `backdrop-filter: blur()`. Note: backdrop-filter is not supported in all browsers.","typeRef":365},{"name":"center","required":false,"source":"component","literalValues":[false,true],"description":"Centers content inside the overlay using flexbox (sets display: flex, align-items: center, justify-content: center)","typeRef":341},{"name":"color","required":false,"source":"component","description":"Overlay `background-color`","typeRef":245},{"name":"fixed","required":false,"source":"component","literalValues":[false,true],"description":"Changes position from `absolute` to `fixed` (viewport-relative instead of parent-relative)","typeRef":341},{"name":"gradient","required":false,"source":"component","description":"Changes overlay to gradient. If set, both `color` and `backgroundOpacity` props are ignored.","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"PaginatedList","package":"@homarr/widgets","category":"interaction","safety":"allowed","description":"Renders a bounded page of collection items.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"pageSize","source":"component","required":false,"typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[{"name":"attributes","required":false,"source":"component","typeRef":425},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on the active page background color to ensure sufficient contrast","typeRef":341},{"name":"boundaries","required":false,"source":"component","description":"Number of elements visible on the left/right edges","typeRef":353},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors`, active item color","typeRef":162},{"name":"defaultValue","required":false,"source":"component","description":"Active page for uncontrolled component, must be an integer in [1, total] interval","typeRef":353},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing`, gap between controls","typeRef":183},{"name":"hideWithOnePage","required":false,"source":"component","literalValues":[false,true],"description":"If set, the pagination is hidden when only one page is available (`total={1}`)","typeRef":341},{"name":"layout","required":false,"source":"component","literalValues":["default","responsive"],"description":"Determines how the pagination is displayed, `'responsive'` uses CSS container queries to switch between pages and a compact label","typeRef":28},{"name":"siblings","required":false,"source":"component","description":"Number of siblings displayed on the left/right side of the selected page","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["input-lg","input-md","input-sm","input-xl","input-xs","lg","md","sm","xl","xs"],"description":"`height` and `min-width` of controls","typeRef":356},{"name":"startValue","required":false,"source":"component","description":"Starting page number, defaults to 1","typeRef":353},{"name":"total","required":true,"source":"component","description":"Total number of pages, must be an integer","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Active page for controlled component, must be an integer in [1, total] interval","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withControls","required":false,"source":"component","literalValues":[false,true],"description":"If set, next/previous controls are displayed","typeRef":341},{"name":"withEdges","required":false,"source":"component","literalValues":[false,true],"description":"If set, first/last controls are displayed","typeRef":341},{"name":"withPages","required":false,"source":"component","literalValues":[false,true],"description":"If set to `false`, page number buttons are hidden, only next/previous controls remain","typeRef":341}],"blockedProps":[],"subcomponents":["Pagination.Control","Pagination.Dots","Pagination.First","Pagination.Items","Pagination.Label","Pagination.Last","Pagination.Next","Pagination.Previous","Pagination.Root"],"bind":{"type":"number","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Control","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[{"name":"active","required":false,"source":"component","literalValues":[false,true],"description":"Applies active styles, adds `data-active` attribute","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":211},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withPadding","required":false,"source":"component","literalValues":[false,true],"description":"Applies padding","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Dots","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":214},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.First","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Items","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Label","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Last","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Next","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Previous","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Pagination.Root","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination/","props":[{"name":"attributes","required":false,"source":"component","typeRef":425},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on the active page background color to ensure sufficient contrast","typeRef":341},{"name":"boundaries","required":false,"source":"component","description":"Number of elements visible on the left/right edges","typeRef":353},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors`, active item color","typeRef":162},{"name":"defaultValue","required":false,"source":"component","description":"Active page for uncontrolled component, must be an integer in [1, total] interval","typeRef":353},{"name":"layout","required":false,"source":"component","literalValues":["default","responsive"],"description":"Determines how the pagination is displayed, `'responsive'` uses CSS container queries to switch between pages and a compact label","typeRef":28},{"name":"siblings","required":false,"source":"component","description":"Number of siblings displayed on the left/right side of the selected page","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["input-lg","input-md","input-sm","input-xl","input-xs","lg","md","sm","xl","xs"],"description":"`height` and `min-width` of controls","typeRef":356},{"name":"startValue","required":false,"source":"component","description":"Starting page number, defaults to 1","typeRef":353},{"name":"total","required":true,"source":"component","description":"Total number of pages, must be an integer","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Active page for controlled component, must be an integer in [1, total] interval","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"PaginationControl","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-control/","props":[{"name":"active","required":false,"source":"component","literalValues":[false,true],"description":"Applies active styles, adds `data-active` attribute","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":211},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withPadding","required":false,"source":"component","literalValues":[false,true],"description":"Applies padding","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationDots","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-dots/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":214},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationFirst","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-first/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationItems","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-items/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationLabel","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-label/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationLast","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-last/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationNext","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-next/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationPrevious","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-previous/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PaginationRoot","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pagination-root/","props":[{"name":"attributes","required":false,"source":"component","typeRef":425},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on the active page background color to ensure sufficient contrast","typeRef":341},{"name":"boundaries","required":false,"source":"component","description":"Number of elements visible on the left/right edges","typeRef":353},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors`, active item color","typeRef":162},{"name":"defaultValue","required":false,"source":"component","description":"Active page for uncontrolled component, must be an integer in [1, total] interval","typeRef":353},{"name":"layout","required":false,"source":"component","literalValues":["default","responsive"],"description":"Determines how the pagination is displayed, `'responsive'` uses CSS container queries to switch between pages and a compact label","typeRef":28},{"name":"siblings","required":false,"source":"component","description":"Number of siblings displayed on the left/right side of the selected page","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["input-lg","input-md","input-sm","input-xl","input-xs","lg","md","sm","xl","xs"],"description":"`height` and `min-width` of controls","typeRef":356},{"name":"startValue","required":false,"source":"component","description":"Starting page number, defaults to 1","typeRef":353},{"name":"total","required":true,"source":"component","description":"Total number of pages, must be an integer","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Active page for controlled component, must be an integer in [1, total] interval","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Paper","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/paper/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"PasswordInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/password-input/","props":[{"name":"attributes","required":false,"source":"component","typeRef":418},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultVisible","required":false,"source":"component","literalValues":[false,true],"description":"If set, the input value is visible by default","typeRef":341},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"visibilityToggleButtonProps","required":false,"source":"component","description":"Props passed down to the visibility toggle button","typeRef":266},{"name":"visible","required":false,"source":"component","literalValues":[false,true],"description":"If set, the input value is visible","typeRef":341},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"PickerControl","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/picker-control/","props":[{"name":"attributes","required":false,"source":"component","typeRef":451},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"firstInRange","required":false,"source":"component","literalValues":[false,true],"description":"Assigns first in range styles","typeRef":341},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the control should take the full width of its cell","typeRef":341},{"name":"inRange","required":false,"source":"component","literalValues":[false,true],"description":"Assigns in range styles","typeRef":341},{"name":"lastInRange","required":false,"source":"component","literalValues":[false,true],"description":"Assigns last in range styles","typeRef":341},{"name":"selected","required":false,"source":"component","literalValues":[false,true],"description":"Assigns selected styles","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"PickerInputBase","package":"@mantine/dates","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/dates/picker-input-base/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Internal date-input primitive"},{"name":"PieChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/pie-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":441},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Data used to render chart","typeRef":240},{"name":"endAngle","required":false,"source":"component","description":"Controls angle at which charts ends. Set to `0` to render the chart as semicircle.","typeRef":353},{"name":"labelColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls text color of all labels, white by default","typeRef":162},{"name":"labelsPosition","required":false,"source":"component","literalValues":["inside","outside"],"description":"Controls labels position relative to the segment","typeRef":46},{"name":"labelsType","required":false,"source":"component","literalValues":["name","percent","value"],"description":"Type of labels to display","typeRef":77},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to recharts `Legend` component","typeRef":190},{"name":"paddingAngle","required":false,"source":"component","description":"Controls padding between segments","typeRef":353},{"name":"pieChartProps","required":false,"source":"component","description":"Props passed down to recharts `PieChart` component","typeRef":101},{"name":"pieProps","required":false,"source":"component","description":"Props passed down to recharts `Pie` component","typeRef":203},{"name":"size","required":false,"source":"component","description":"Controls chart width and height, height is increased by 40 if `withLabels` prop is set. Cannot be less than `thickness`.","typeRef":353},{"name":"startAngle","required":false,"source":"component","description":"Controls angle at which chart starts. Set to `180` to render the chart as semicircle.","typeRef":353},{"name":"strokeColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the segments stroke, by default depends on color scheme","typeRef":162},{"name":"strokeWidth","required":false,"source":"component","description":"Controls width of segments stroke","typeRef":353},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip animation duration in ms","typeRef":353},{"name":"tooltipDataSource","required":false,"source":"component","literalValues":["all","segment"],"description":"Determines which data is displayed in the tooltip. `'all'` – display all values, `'segment'` – display only hovered segment.","typeRef":9},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to `Tooltip` recharts component","typeRef":197},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withLabels","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether each segment should have associated label","typeRef":341},{"name":"withLabelsLine","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether segments labels should have lines that connect the segment with the label","typeRef":341},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the legend should be displayed","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed when one of the section is hovered","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Pill","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pill/","props":[{"name":"attributes","required":false,"source":"component","typeRef":428},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"removeButtonProps","required":false,"source":"component","description":"Props passed down to the remove button","typeRef":93},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls pill `font-size` and `padding`","typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["contrast","default"],"typeRef":126},{"name":"withRemoveButton","required":false,"source":"component","literalValues":[false,true],"description":"Controls visibility of the remove button","typeRef":341}],"blockedProps":[],"subcomponents":["Pill.Group"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Pill.Group","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pill/","props":[{"name":"attributes","required":false,"source":"component","typeRef":400},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls spacing between pills, by default controlled by `size`","typeRef":355},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the child `Pill` components and gap between them","typeRef":182},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PillGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pill-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":400},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls spacing between pills, by default controlled by `size`","typeRef":355},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the child `Pill` components and gap between them","typeRef":182},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"PillsInput","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/pills-input/","props":[],"blockedProps":[],"subcomponents":["PillsInput.Field"],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"PillsInput.Field","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/pills-input/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"PillsInputField","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/pills-input-field/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Low-level composition primitive that requires authored callbacks"},{"name":"PinInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/pin-input/","props":[{"name":"ariaLabel","required":false,"source":"component","description":"`aria-label` attribute","typeRef":359},{"name":"attributes","required":false,"source":"component","typeRef":419},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":359},{"name":"error","required":false,"source":"component","literalValues":[false,true],"description":"Sets `aria-invalid` attribute and applies error styles to all inputs","typeRef":341},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value to set `gap` between inputs, numbers are converted to rem","typeRef":183},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":261},{"name":"inputType","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"description":"Inputs `type` attribute, inferred from the `type` prop if not specified","typeRef":262},{"name":"length","required":false,"source":"component","description":"Number of inputs","typeRef":353},{"name":"manageFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be moved automatically to the next input once filled","typeRef":341},{"name":"mask","required":false,"source":"component","literalValues":[false,true],"description":"Changes input type to `\"password\"`","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls inputs `width` and `height`","typeRef":81},{"name":"success","required":false,"source":"component","literalValues":[false,true],"description":"Applies success styles to all inputs","typeRef":341},{"name":"type","required":false,"source":"component","literalValues":["alphanumeric","number"],"description":"Determines which values can be entered","typeRef":62},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Popover","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover/","props":[{"name":"arrowOffset","required":false,"source":"component","description":"Arrow offset in px","typeRef":353},{"name":"arrowPosition","required":false,"source":"component","literalValues":["center","merge","side"],"description":"Arrow position","typeRef":24},{"name":"arrowRadius","required":false,"source":"component","description":"Arrow `border-radius` in px","typeRef":353},{"name":"arrowSize","required":false,"source":"component","description":"Arrow size in px","typeRef":353},{"name":"attributes","required":false,"source":"component","typeRef":399},{"name":"clickOutsideEvents","required":false,"source":"component","description":"Events that trigger outside clicks","typeRef":368},{"name":"closeOnClickOutside","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dropdown should be closed on outside clicks","typeRef":341},{"name":"closeOnEscape","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dropdown should be closed when `Escape` key is pressed","typeRef":341},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Initial opened state for uncontrolled component","typeRef":341},{"name":"floatingStrategy","required":false,"source":"component","literalValues":["absolute","fixed"],"description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","typeRef":34},{"name":"hideDetached","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is not unmounted from the DOM when hidden. `display: none` styles are added instead.","typeRef":341},{"name":"keepMountedMode","required":false,"source":"component","literalValues":["activity","display-none"],"description":"Controls how the dropdown is hidden when `keepMounted` is set: `'activity'` – hidden with React 19 `Activity` component, `'display-none'` – hidden with `display: none` styles","typeRef":7},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling","typeRef":241},{"name":"offset","required":false,"source":"component","description":"Offset of the dropdown element","typeRef":354},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled dropdown opened state","typeRef":341},{"name":"overlayProps","required":false,"source":"component","description":"Props passed down to `Overlay` component","typeRef":100},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Dropdown position relative to the target element","typeRef":48},{"name":"preventPositionChangeWhenVisible","required":false,"source":"component","literalValues":[false,true],"description":"If `true`, the dropdown picks its side on open (flip runs once, preferring the `position` prop) and then never changes side — scrolling, resizing, and content size changes will not flip the dropdown. The side is recalculated fresh on the next open. Does not affect the `shift` middleware. Set to `false` to keep flip active and allow the dropdown to re-flip on every change.","typeRef":341},{"name":"returnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be automatically returned to control when dropdown closes","typeRef":341},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component. Use to configure duration and animation type.","typeRef":208},{"name":"trapFocus","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether focus should be trapped within dropdown","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"width","required":false,"source":"component","description":"Dropdown width, or `'target'` to make dropdown width the same as target element","typeRef":243},{"name":"withArrow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether component should have an arrow","typeRef":341},{"name":"withOverlay","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the overlay should be displayed when the dropdown is opened","typeRef":341},{"name":"withRoles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dropdown and target elements should have accessible roles","typeRef":341}],"blockedProps":[],"subcomponents":["Popover.ContextMenu","Popover.Dropdown","Popover.Target"],"bind":{"type":"boolean","initialProp":"defaultChecked"},"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Popover.ContextMenu","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover/","props":[{"name":"longPressDelay","required":false,"source":"component","description":"Delay in ms before a touch long-press opens the dropdown on touch devices, `500` by default","typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Popover.Dropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":234},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Popover.Target","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover/","props":[{"name":"popupType","required":false,"source":"component","description":"Popup accessible type","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"PopoverContextMenu","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover-context-menu/","props":[{"name":"longPressDelay","required":false,"source":"component","description":"Delay in ms before a touch long-press opens the dropdown on touch devices, `500` by default","typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"PopoverDropdown","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover-dropdown/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":234},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"PopoverTarget","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/popover-target/","props":[{"name":"popupType","required":false,"source":"component","description":"Popup accessible type","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Portal","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/portal/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Can render outside the widget root"},{"name":"Progress","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress/","props":[{"name":"animated","required":false,"source":"component","literalValues":[false,true],"description":"If set, the sections stripes are animated (automatically enables striped)","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":432},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts label text color based on section background color for readability","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS value","typeRef":162},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Controls orientation","typeRef":36},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls track height","typeRef":355},{"name":"striped","required":false,"source":"component","literalValues":[false,true],"description":"If set, the section has stripes","typeRef":341},{"name":"transitionDuration","required":false,"source":"component","description":"Controls sections width transition duration, value is specified in ms","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":true,"source":"component","description":"Value of the progress","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":["Progress.Label","Progress.Root","Progress.Section"],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"Progress.Label","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"Progress.Root","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress/","props":[{"name":"attributes","required":false,"source":"component","typeRef":432},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts label text color based on section background color for readability","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Controls orientation","typeRef":36},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls track height","typeRef":355},{"name":"transitionDuration","required":false,"source":"component","description":"Controls sections width transition duration, value is specified in ms","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"Progress.Section","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress/","props":[{"name":"animated","required":false,"source":"component","literalValues":[false,true],"description":"If set, the sections stripes are animated, `striped` prop is ignored","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS value","typeRef":162},{"name":"striped","required":false,"source":"component","literalValues":[false,true],"description":"If set, the section has stripes","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":224},{"name":"value","required":true,"source":"component","description":"Value of the section in 0–100 range","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAria","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether `aria-*` props should be added to the root element","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"ProgressLabel","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress-label/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"ProgressRoot","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress-root/","props":[{"name":"attributes","required":false,"source":"component","typeRef":432},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts label text color based on section background color for readability","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Controls orientation","typeRef":36},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls track height","typeRef":355},{"name":"transitionDuration","required":false,"source":"component","description":"Controls sections width transition duration, value is specified in ms","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"ProgressSection","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/progress-section/","props":[{"name":"animated","required":false,"source":"component","literalValues":[false,true],"description":"If set, the sections stripes are animated, `striped` prop is ignored","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS value","typeRef":162},{"name":"striped","required":false,"source":"component","literalValues":[false,true],"description":"If set, the section has stripes","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":224},{"name":"value","required":true,"source":"component","description":"Value of the section in 0–100 range","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAria","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether `aria-*` props should be added to the root element","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"RadarChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/radar-chart/","props":[{"name":"activeDotProps","required":false,"source":"component","description":"Props passed down to all active dots. Ignored if `withDots={false}` is set.","typeRef":178},{"name":"attributes","required":false,"source":"component","typeRef":440},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Data used in the chart","typeRef":267},{"name":"dataKey","required":true,"source":"component","description":"Key of the `data` object for axis values","typeRef":359},{"name":"dotProps","required":false,"source":"component","description":"Props passed down to all dots. Ignored if `withDots={false}` is set.","typeRef":178},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the grid lines. By default, color depends on the color scheme.","typeRef":162},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to recharts Legend component","typeRef":190},{"name":"polarAngleAxisProps","required":false,"source":"component","description":"Props passed down to recharts PolarAngleAxis component","typeRef":191},{"name":"polarGridProps","required":false,"source":"component","description":"Props passed down to recharts PolarGrid component","typeRef":192},{"name":"polarRadiusAxisProps","required":false,"source":"component","description":"Props passed down to recharts PolarRadiusAxis component","typeRef":193},{"name":"radarChartProps","required":false,"source":"component","description":"Props passed down to recharts RadarChart component","typeRef":101},{"name":"series","required":true,"source":"component","description":"Determines which data should be consumed from the `data` array.","typeRef":255},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of all text elements. By default, color depends on the color scheme.","typeRef":162},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip position animation duration in ms","typeRef":353},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to recharts Tooltip component","typeRef":197},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withDots","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dots should be displayed","typeRef":341},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the legend should be displayed","typeRef":341},{"name":"withPolarAngleAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether PolarAngleAxis component should be displayed","typeRef":341},{"name":"withPolarGrid","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether PolarGrid component should be displayed","typeRef":341},{"name":"withPolarRadiusAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether PolarRadiusAxisProps component should be displayed","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether Tooltip component should be displayed","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"RadialBarChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/radial-bar-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":442},{"name":"barSize","required":false,"source":"component","description":"Size of bars in px, `20` by default","typeRef":353},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Chart data","typeRef":267},{"name":"dataKey","required":true,"source":"component","description":"Key from data object to use as data key","typeRef":359},{"name":"emptyBackgroundColor","required":false,"source":"component","description":"Color of the empty background, by default depends on the color scheme","typeRef":359},{"name":"endAngle","required":false,"source":"component","description":"Angle at which chart ends","typeRef":353},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to recharts Legend component","typeRef":190},{"name":"radialBarChartProps","required":false,"source":"component","description":"Props passed down to recharts RadarChartChart component","typeRef":101},{"name":"radialBarProps","required":false,"source":"component","description":"Props passed down to recharts RadialBar component","typeRef":194},{"name":"startAngle","required":false,"source":"component","description":"Angle at which chart starts","typeRef":353},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to `Tooltip` recharts component","typeRef":197},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withBackground","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether empty bars area should be visible","typeRef":341},{"name":"withLabels","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether labels should be displayed","typeRef":341},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the legend should be displayed","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed when one of the bars is hovered","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Radio","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio/","props":[{"name":"attributes","required":false,"source":"component","typeRef":376},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of theme.colors or any valid CSS color to set radio background color in checked state","typeRef":162},{"name":"description","required":false,"source":"component","description":"Description displayed below the label","typeRef":263},{"name":"error","required":false,"source":"component","description":"Error displayed below the label","typeRef":263},{"name":"iconColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of theme.colors or any valid CSS color to set icon color. When not set, icon color is determined automatically based on theme.autoContrast setting","typeRef":162},{"name":"label","required":false,"source":"component","description":"Content of the `label` associated with the radio","typeRef":263},{"name":"labelPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the label relative to the input","typeRef":47},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the component","typeRef":182},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["filled","outline"],"typeRef":128},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"If set, applies error styles to the radio when `error` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":103}],"blockedProps":[],"subcomponents":["Radio.Card","Radio.Group","Radio.Indicator"],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Radio.Card","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio/","props":[{"name":"attributes","required":false,"source":"component","typeRef":390},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value of the radio, used with Radio.Group","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Radio.Group","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio/","props":[{"name":"attributes","required":false,"source":"component","typeRef":426},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":329},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelElement","required":false,"source":"component","literalValues":["div","label"],"description":"Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually.","typeRef":31},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the `Input.Wrapper`","typeRef":81},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":329},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the `Input.Wrapper`","typeRef":103}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Radio.Indicator","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio/","props":[{"name":"attributes","required":false,"source":"component","typeRef":403},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of theme.colors or any valid CSS color to set indicator background color in checked state","typeRef":162},{"name":"iconColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of theme.colors or any valid CSS color to set icon color. When not set, icon color is determined automatically based on theme.autoContrast setting","typeRef":162},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the component","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["filled","outline"],"typeRef":127}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"RadioCard","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio-card/","props":[{"name":"attributes","required":false,"source":"component","typeRef":390},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value of the radio, used with Radio.Group","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"RadioGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":426},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":329},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelElement","required":false,"source":"component","literalValues":["div","label"],"description":"Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually.","typeRef":31},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the `Input.Wrapper`","typeRef":81},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":329},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the `Input.Wrapper`","typeRef":103}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"RadioIcon","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio-icon/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"display","required":false,"source":"component","typeRef":365},{"name":"opacity","required":false,"source":"component","typeRef":365},{"name":"radius","required":false,"source":"component","typeRef":365},{"name":"size","required":false,"source":"component","typeRef":365},{"name":"type","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"RadioIndicator","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/radio-indicator/","props":[{"name":"attributes","required":false,"source":"component","typeRef":403},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of theme.colors or any valid CSS color to set indicator background color in checked state","typeRef":162},{"name":"iconColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of theme.colors or any valid CSS color to set icon color. When not set, icon color is determined automatically based on theme.autoContrast setting","typeRef":162},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the component","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["filled","outline"],"typeRef":127}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"RangeSlider","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/range-slider/","props":[{"name":"attributes","required":false,"source":"component","typeRef":424},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, controls color of track and thumb","typeRef":162},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":256},{"name":"domain","required":false,"source":"component","description":"Domain of the slider, defines the selectable value range independently of min/max. Useful when you want to display a wider track range (min/max) but restrict actual selection to a subset (domain).","typeRef":334},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":261},{"name":"inverted","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether track values representation should be inverted","typeRef":341},{"name":"labelAlwaysOn","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the label should be visible when the slider is not being dragged or hovered","typeRef":341},{"name":"labelTransitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component","typeRef":208},{"name":"marks","required":false,"source":"component","description":"Marks displayed on the track","typeRef":276},{"name":"max","required":false,"source":"component","description":"Maximum possible value","typeRef":353},{"name":"maxRange","required":false,"source":"component","description":"Maximum range interval","typeRef":353},{"name":"min","required":false,"source":"component","description":"Minimal possible value","typeRef":353},{"name":"minRange","required":false,"source":"component","description":"Minimal range interval between the two thumbs. Consider this value relative to the total range (max - min).","typeRef":353},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Slider orientation","typeRef":36},{"name":"precision","required":false,"source":"component","description":"Number of significant digits after the decimal point","typeRef":353},{"name":"pushOnOverlap","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the other thumb should be pushed by the current thumb dragging when `minRange`/`maxRange` is reached","typeRef":341},{"name":"restrictToMarks","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the selection should be only allowed from the given marks array","typeRef":341},{"name":"showLabelOnHover","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the label should be displayed when the slider is hovered","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the track","typeRef":355},{"name":"step","required":false,"source":"component","description":"Number by which value will be incremented/decremented with thumb drag and arrows","typeRef":353},{"name":"thumbChildren","required":false,"source":"component","description":"Content rendered inside thumb","typeRef":263},{"name":"thumbFromLabel","required":false,"source":"component","description":"First thumb `aria-label`","typeRef":359},{"name":"thumbLabel","required":false,"source":"component","description":"`aria-label` for both thumbs (overridden by thumbFromLabel/thumbToLabel if provided)","typeRef":359},{"name":"thumbSize","required":false,"source":"component","description":"Thumb `width` and `height`, by default value is computed based on `size` prop","typeRef":365},{"name":"thumbToLabel","required":false,"source":"component","description":"Second thumb `aria-label`","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":256},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"number[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Rating","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/rating/","props":[{"name":"allowClear","required":false,"source":"component","literalValues":[false,true],"description":"When true, clicking the same rating value clears the rating to 0, default is false","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":409},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of theme.colors or any CSS color value, default is 'yellow'","typeRef":162},{"name":"count","required":false,"source":"component","description":"Number of rating items (stars), default is 5","typeRef":353},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":353},{"name":"fractions","required":false,"source":"component","description":"Number of fractions each item can be divided into, default is 1","typeRef":353},{"name":"highlightSelectedOnly","required":false,"source":"component","literalValues":[false,true],"description":"When true, only the clicked rating item is highlighted, not all items up to the selected value, default is false","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls component size","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"number","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"RecursiveList","package":"@homarr/widgets","category":"content","safety":"wrapped","description":"Renders an arbitrary-depth tree through a bounded, Homarr-owned traversal.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"childrenPath","source":"component","required":true,"typeRef":359},{"name":"data","source":"component","required":true,"typeRef":370},{"name":"defaultExpandedDepth","source":"component","required":false,"typeRef":353},{"name":"gap","source":"component","required":false,"typeRef":183},{"name":"indent","source":"component","required":false,"typeRef":183},{"name":"keyPath","source":"component","required":true,"typeRef":359},{"name":"maxDepth","source":"component","required":false,"typeRef":353},{"name":"maxNodes","source":"component","required":false,"typeRef":353},{"name":"showLines","source":"component","required":false,"typeRef":336}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"RefreshButton","package":"@homarr/widgets","category":"network","safety":"wrapped","description":"Refreshes load-triggered widget queries.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"color","source":"component","required":false,"typeRef":359},{"name":"label","source":"component","required":false,"typeRef":359},{"name":"size","source":"component","required":false,"typeRef":359},{"name":"variant","source":"component","required":false,"typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Action labels must describe their effect; destructive actions require confirmation."]},{"name":"RemoveScroll","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/remove-scroll/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Changes global page scrolling"},{"name":"RingProgress","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/ring-progress/","props":[{"name":"attributes","required":false,"source":"component","typeRef":433},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"label","required":false,"source":"component","description":"Label displayed in the center of the ring","typeRef":263},{"name":"rootColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the unfilled portion of the ring (background). Defaults to gray-2 in light mode, dark-4 in dark mode","typeRef":162},{"name":"roundCaps","required":false,"source":"component","literalValues":[false,true],"description":"Applies rounded line caps to the start and end of visible sections","typeRef":341},{"name":"sectionGap","required":false,"source":"component","description":"Gap between sections in degrees. Reduces the visual size of each section","typeRef":353},{"name":"sections","required":true,"source":"component","description":"Array of sections to display in the ring. Each section should have a `value` (0-100), `color`, and optional `tooltip`. Sections can also receive any valid SVG circle element props.","typeRef":271},{"name":"size","required":false,"source":"component","description":"Width and height of the progress ring","typeRef":353},{"name":"startAngle","required":false,"source":"component","description":"Starting angle in degrees. 0 = right, 90 = bottom, 180 = left, 270 = top","typeRef":353},{"name":"thickness","required":false,"source":"component","description":"Ring thickness in pixels. Cannot exceed size / 4 and will be automatically clamped if necessary","typeRef":353},{"name":"transitionDuration","required":false,"source":"component","description":"Transition duration in milliseconds for section value and color changes","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"RollingNumber","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/rolling-number/","props":[{"name":"animationDuration","required":false,"source":"component","description":"Animation duration in milliseconds","typeRef":353},{"name":"attributes","required":false,"source":"component","typeRef":458},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"decimalScale","required":false,"source":"component","description":"Number of decimal places to display","typeRef":353},{"name":"decimalSeparator","required":false,"source":"component","description":"Character used as a decimal separator","typeRef":359},{"name":"fixedDecimalScale","required":false,"source":"component","literalValues":[false,true],"description":"If set, trailing zeros are added to match `decimalScale`","typeRef":341},{"name":"suffix","required":false,"source":"component","description":"Suffix added after the value","typeRef":359},{"name":"tabularNumbers","required":false,"source":"component","literalValues":[false,true],"description":"If set, use tabular (monospace) numbers","typeRef":341},{"name":"thousandSeparator","required":false,"source":"component","description":"Character used to separate thousands, set to `true` for `,`","typeRef":364},{"name":"timingFunction","required":false,"source":"component","description":"CSS timing function for animation","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":true,"source":"component","description":"Number value to display","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withLiveRegion","required":false,"source":"component","literalValues":[false,true],"description":"If set, the root element acts as an `aria-live=\"polite\"` region (`role=\"status\"`) and screen readers announce every value change. When `false`, the root uses `role=\"img\"` so the current value is still accessible but updates are not announced.","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"SankeyChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/sankey-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":470},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"colors","required":false,"source":"component","description":"An array of colors used for nodes when no `color` is set on individual nodes","typeRef":164},{"name":"data","required":true,"source":"component","description":"Data used to render chart, must include `nodes` and `links` arrays","typeRef":272},{"name":"height","required":false,"source":"component","description":"Controls chart height","typeRef":353},{"name":"iterations","required":false,"source":"component","description":"The number of relaxation iterations","typeRef":353},{"name":"linkColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Default color for links, by default depends on color scheme","typeRef":162},{"name":"linkCurvature","required":false,"source":"component","description":"The curvature of links between nodes","typeRef":353},{"name":"linkOpacity","required":false,"source":"component","description":"Opacity of the link fill","typeRef":353},{"name":"nodeColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Default color for nodes, by default depends on color scheme","typeRef":162},{"name":"nodePadding","required":false,"source":"component","description":"The padding between nodes","typeRef":353},{"name":"nodeWidth","required":false,"source":"component","description":"The width of each node","typeRef":353},{"name":"sankeyProps","required":false,"source":"component","description":"Props passed down to recharts `Sankey` component","typeRef":205},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls text color of labels","typeRef":162},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip animation duration in ms","typeRef":353},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to `Tooltip` recharts component","typeRef":197},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed when hovered","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"ScatterChart","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/scatter-chart/","props":[{"name":"attributes","required":false,"source":"component","typeRef":435},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Data that is used to build the chart","typeRef":273},{"name":"dataKey","required":true,"source":"component","description":"Keys that should be used to retrieve data from the data array on x and y axis","typeRef":479},{"name":"gridAxis","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which lines should be displayed in the grid, `'x'` by default","typeRef":61},{"name":"gridColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the grid and cursor lines, by default depends on color scheme","typeRef":162},{"name":"gridProps","required":false,"source":"component","description":"Props passed down to the `CartesianGrid` component","typeRef":189},{"name":"labels","required":false,"source":"component","description":"Labels that should be used instead of keys names in the tooltip","typeRef":481},{"name":"legendProps","required":false,"source":"component","description":"Props passed down to the `Legend` component","typeRef":190},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Chart orientation, `'horizontal'` by default","typeRef":36},{"name":"pointLabels","required":false,"source":"component","literalValues":["x","y"],"description":"If set, displays labels next to points for the given axis","typeRef":80},{"name":"referenceLines","required":false,"source":"component","description":"Reference lines that should be displayed on the chart","typeRef":149},{"name":"rightYAxisLabel","required":false,"source":"component","description":"A label to display next to the right y-axis","typeRef":359},{"name":"rightYAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component rendered on the right side","typeRef":199},{"name":"scatterChartProps","required":false,"source":"component","description":"Props passed down to recharts `ScatterChart` component","typeRef":91},{"name":"scatterProps","required":false,"source":"component","description":"Props passed down to recharts `Scatter` component","typeRef":207},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of the text displayed inside the chart, `'dimmed'` by default","typeRef":162},{"name":"tickLine","required":false,"source":"component","literalValues":["none","x","xy","y"],"description":"Specifies which axis should have tick line, `'y'` by default","typeRef":61},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip position animation duration in ms, `0` by default","typeRef":353},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to the `Tooltip` component","typeRef":197},{"name":"unit","required":false,"source":"component","description":"Units displayed after value on axis and inside the tooltip","typeRef":481},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withLegend","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart legend should be displayed, `false` by default","typeRef":341},{"name":"withRightYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default","typeRef":341},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether chart tooltip should be displayed, `true` by default","typeRef":341},{"name":"withXAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether x-axis should be displayed, `true` by default","typeRef":341},{"name":"withYAxis","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether y-axis should be displayed, `true` by default","typeRef":341},{"name":"xAxisLabel","required":false,"source":"component","description":"A label to display below the x-axis","typeRef":359},{"name":"xAxisProps","required":false,"source":"component","description":"Props passed down to the `XAxis` recharts component","typeRef":198},{"name":"yAxisLabel","required":false,"source":"component","description":"A label to display next to the y-axis","typeRef":359},{"name":"yAxisProps","required":false,"source":"component","description":"Props passed down to the `YAxis` recharts component","typeRef":199}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"ScrollArea","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/scroll-area/","props":[{"name":"attributes","required":false,"source":"component","typeRef":396},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"offsetScrollbars","required":false,"source":"component","literalValues":[false,"present",true,"x","y"],"description":"Determines whether scrollbars should be offset with padding on given axis - `true` - adds padding to offset both scrollbars (always) - `'x'` - adds padding to offset horizontal scrollbar (always) - `'y'` - adds padding to offset vertical scrollbar (always) - `'present'` - adds padding only when scrollbars are visible (dynamic)","typeRef":351},{"name":"overscrollBehavior","required":false,"source":"component","literalValues":["-moz-initial","auto","contain","inherit","initial","none","revert","revert-layer","unset"],"description":"Defines `overscroll-behavior` of the viewport","typeRef":253},{"name":"scrollHideDelay","required":false,"source":"component","description":"Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll`","typeRef":353},{"name":"scrollbarSize","required":false,"source":"component","description":"Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 12px (0.75rem)","typeRef":365},{"name":"scrollbars","required":false,"source":"component","literalValues":[false,"x","xy","y"],"description":"Axis at which scrollbars must be rendered - `'x'` - horizontal scrollbar only - `'y'` - vertical scrollbar only - `'xy'` - both scrollbars - `false` - no scrollbars rendered (content remains scrollable via mouse/touch)","typeRef":340},{"name":"startScrollPosition","required":false,"source":"component","description":"Initial scroll position set on mount","typeRef":480},{"name":"type","required":false,"source":"component","literalValues":["always","auto","hover","never","scroll"],"description":"Defines scrollbars behavior - `'hover'` – scrollbars visible on hover (default) - `'scroll'` – scrollbars visible during scrolling - `'auto'` – scrollbars visible only when content overflows (like CSS overflow: auto) - `'always'` – scrollbars always visible, even when content doesn't overflow - `'never'` – scrollbars always hidden","typeRef":12},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"viewportProps","required":false,"source":"component","description":"Props passed down to the viewport element","typeRef":259}],"blockedProps":[],"subcomponents":["ScrollArea.Autosize"],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"ScrollArea.Autosize","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/scroll-area/","props":[{"name":"attributes","required":false,"source":"component","typeRef":396},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"offsetScrollbars","required":false,"source":"component","literalValues":[false,"present",true,"x","y"],"description":"Determines whether scrollbars should be offset with padding on given axis - `true` - adds padding to offset both scrollbars (always) - `'x'` - adds padding to offset horizontal scrollbar (always) - `'y'` - adds padding to offset vertical scrollbar (always) - `'present'` - adds padding only when scrollbars are visible (dynamic)","typeRef":351},{"name":"overscrollBehavior","required":false,"source":"component","literalValues":["-moz-initial","auto","contain","inherit","initial","none","revert","revert-layer","unset"],"description":"Defines `overscroll-behavior` of the viewport","typeRef":253},{"name":"scrollHideDelay","required":false,"source":"component","description":"Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll`","typeRef":353},{"name":"scrollbarSize","required":false,"source":"component","description":"Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 12px (0.75rem)","typeRef":365},{"name":"scrollbars","required":false,"source":"component","literalValues":[false,"x","xy","y"],"description":"Axis at which scrollbars must be rendered - `'x'` - horizontal scrollbar only - `'y'` - vertical scrollbar only - `'xy'` - both scrollbars - `false` - no scrollbars rendered (content remains scrollable via mouse/touch)","typeRef":340},{"name":"startScrollPosition","required":false,"source":"component","description":"Initial scroll position set on mount","typeRef":480},{"name":"type","required":false,"source":"component","literalValues":["always","auto","hover","never","scroll"],"description":"Defines scrollbars behavior - `'hover'` – scrollbars visible on hover (default) - `'scroll'` – scrollbars visible during scrolling - `'auto'` – scrollbars visible only when content overflows (like CSS overflow: auto) - `'always'` – scrollbars always visible, even when content doesn't overflow - `'never'` – scrollbars always hidden","typeRef":12},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"viewportProps","required":false,"source":"component","description":"Props passed down to the viewport element","typeRef":259}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"ScrollAreaAutosize","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/scroll-area-autosize/","props":[{"name":"attributes","required":false,"source":"component","typeRef":396},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"offsetScrollbars","required":false,"source":"component","literalValues":[false,"present",true,"x","y"],"description":"Determines whether scrollbars should be offset with padding on given axis - `true` - adds padding to offset both scrollbars (always) - `'x'` - adds padding to offset horizontal scrollbar (always) - `'y'` - adds padding to offset vertical scrollbar (always) - `'present'` - adds padding only when scrollbars are visible (dynamic)","typeRef":351},{"name":"overscrollBehavior","required":false,"source":"component","literalValues":["-moz-initial","auto","contain","inherit","initial","none","revert","revert-layer","unset"],"description":"Defines `overscroll-behavior` of the viewport","typeRef":253},{"name":"scrollHideDelay","required":false,"source":"component","description":"Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll`","typeRef":353},{"name":"scrollbarSize","required":false,"source":"component","description":"Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 12px (0.75rem)","typeRef":365},{"name":"scrollbars","required":false,"source":"component","literalValues":[false,"x","xy","y"],"description":"Axis at which scrollbars must be rendered - `'x'` - horizontal scrollbar only - `'y'` - vertical scrollbar only - `'xy'` - both scrollbars - `false` - no scrollbars rendered (content remains scrollable via mouse/touch)","typeRef":340},{"name":"startScrollPosition","required":false,"source":"component","description":"Initial scroll position set on mount","typeRef":480},{"name":"type","required":false,"source":"component","literalValues":["always","auto","hover","never","scroll"],"description":"Defines scrollbars behavior - `'hover'` – scrollbars visible on hover (default) - `'scroll'` – scrollbars visible during scrolling - `'auto'` – scrollbars visible only when content overflows (like CSS overflow: auto) - `'always'` – scrollbars always visible, even when content doesn't overflow - `'never'` – scrollbars always hidden","typeRef":12},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"viewportProps","required":false,"source":"component","description":"Props passed down to the viewport element","typeRef":259}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Scroller","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/scroller/","props":[{"name":"attributes","required":false,"source":"component","typeRef":393},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"controlSize","required":false,"source":"component","description":"Size of the control buttons,","typeRef":365},{"name":"draggable","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether content can be scrolled by dragging with mouse, `true` by default","typeRef":341},{"name":"edgeGradientColor","required":false,"source":"component","description":"Background color for the gradient fade on controls, `'var(--mantine-color-body)'` by default","typeRef":359},{"name":"endControlIcon","required":false,"source":"component","description":"Icon component for the end control, AccordionChevron by default","typeRef":263},{"name":"endControlProps","required":false,"source":"component","description":"Props passed to the end control button","typeRef":258},{"name":"scrollAmount","required":false,"source":"component","description":"Amount of pixels to scroll when clicking the control buttons, `200` by default","typeRef":353},{"name":"showEndControl","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether end control should always be visible regardless of scroll position, `false` by default","typeRef":341},{"name":"showStartControl","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether start control should always be visible regardless of scroll position, `false` by default","typeRef":341},{"name":"startControlIcon","required":false,"source":"component","description":"Icon component for the start control, AccordionChevron by default","typeRef":263},{"name":"startControlProps","required":false,"source":"component","description":"Props passed to the start control button","typeRef":258},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"SegmentedControl","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/segmented-control/","props":[{"name":"attributes","required":false,"source":"component","typeRef":407},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, automatically adjusts label text color for optimal contrast against the indicator background color","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, changes indicator background color. By default, uses white in light mode and dark.5 in dark mode","typeRef":162},{"name":"data","required":true,"source":"component","description":"Data based on which controls are rendered","typeRef":108},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":328},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the component should take 100% width of its parent","typeRef":341},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Component orientation","typeRef":36},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls `font-size`, `padding` and `height` properties","typeRef":182},{"name":"transitionDuration","required":false,"source":"component","description":"Indicator `transition-duration` in ms, set `0` to turn off transitions","typeRef":353},{"name":"transitionTimingFunction","required":false,"source":"component","description":"Indicator `transition-timing-function` property","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":328},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withItemsBorders","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether there should be borders between items","typeRef":341}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Select","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/select/","props":[{"name":"allowDeselect","required":false,"source":"component","literalValues":[false,true],"description":"Allows deselecting the selected option by clicking it","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":405},{"name":"autoSelectOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"Automatically selects the highlighted option when input loses focus","typeRef":341},{"name":"checkIconPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the check icon relative to the option label","typeRef":47},{"name":"chevronColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the default chevron, by default depends on the color scheme","typeRef":162},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":172},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"Displays clear button in the right section when component has value","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"comboboxProps","required":false,"source":"component","description":"Props passed down to `Combobox` component","typeRef":153},{"name":"data","required":false,"source":"component","description":"Data used to generate options. Values must be unique, otherwise an error will be thrown and component will not render.","typeRef":151},{"name":"defaultDropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled dropdown initial opened state","typeRef":341},{"name":"defaultSearchValue","required":false,"source":"component","description":"Default search value","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":329},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"dropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled dropdown opened state","typeRef":341},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"floatingHeight","required":false,"source":"component","literalValues":["viewport"],"description":"If set to `'viewport'`, the dropdown grows to fill the available vertical space in the viewport. Disables the `flip` middleware.","typeRef":78},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":195},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"limit","required":false,"source":"component","description":"Maximum number of options displayed at a time, `Infinity` by default","typeRef":353},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"maxDropdownHeight","required":false,"source":"component","description":"`max-height` of the dropdown, only applicable when `withScrollArea` prop is `true`, `250` by default","typeRef":365},{"name":"nothingFoundMessage","required":false,"source":"component","description":"Message displayed when no options match the search query or when there is no data","typeRef":263},{"name":"openOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Opens dropdown when input receives focus (requires searchable={true})","typeRef":341},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed down to the underlying `ScrollArea` component in the dropdown","typeRef":274},{"name":"searchValue","required":false,"source":"component","description":"Controlled search value","typeRef":359},{"name":"searchable","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the select should be searchable","typeRef":341},{"name":"selectFirstOptionOnChange","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when value changes, `false` by default","typeRef":341},{"name":"selectFirstOptionOnDropdownOpen","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when dropdown opens, `false` by default","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":329},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAlignedLabels","required":false,"source":"component","literalValues":[false,true],"description":"Aligns unchecked labels with the checked one","typeRef":341},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withCheckIcon","required":false,"source":"component","literalValues":[false,true],"description":"Displays check icon near the selected option label","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withScrollArea","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the options should be wrapped with `ScrollArea.AutoSize`, `true` by default","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"SemiCircleProgress","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/semi-circle-progress/","props":[{"name":"attributes","required":false,"source":"component","typeRef":434},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"emptySegmentColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color value","typeRef":162},{"name":"fillDirection","required":false,"source":"component","literalValues":["left-to-right","right-to-left"],"description":"Direction from which the circle is filled","typeRef":66},{"name":"filledSegmentColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color value","typeRef":162},{"name":"label","required":false,"source":"component","description":"Label rendered inside the circle","typeRef":263},{"name":"labelPosition","required":false,"source":"component","literalValues":["bottom","center"],"description":"Label position relative to the circle center","typeRef":21},{"name":"orientation","required":false,"source":"component","literalValues":["down","up"],"description":"Orientation of the circle","typeRef":76},{"name":"size","required":false,"source":"component","description":"Width of the component and diameter of the full circle in px. The visible SVG height will be size/2","typeRef":353},{"name":"thickness","required":false,"source":"component","description":"Stroke width of the circle segments in px","typeRef":353},{"name":"transitionDuration","required":false,"source":"component","description":"Transition duration for the filled segment progress changes in ms. Does not affect color transitions","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":true,"source":"component","description":"Progress value from `0` to `100`","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"SimpleGrid","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/simple-grid/","props":[{"name":"attributes","required":false,"source":"component","typeRef":455},{"name":"autoFlow","required":false,"source":"component","literalValues":["auto-fill","auto-fit"],"description":"Grid repeat type when minColWidth is set","typeRef":13},{"name":"autoRows","required":false,"source":"component","description":"Sets the size of implicitly created grid rows","typeRef":359},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"cols","required":false,"source":"component","description":"Number of columns","typeRef":312},{"name":"minColWidth","required":false,"source":"component","description":"Minimum column width when using auto-fit/auto-fill. When set, cols prop is ignored","typeRef":365},{"name":"spacing","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Spacing between columns","typeRef":284},{"name":"type","required":false,"source":"component","literalValues":["container","media"],"description":"Determines type of queries that are used for responsive styles","typeRef":51},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"verticalSpacing","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Spacing between rows. When not set, falls back to spacing value","typeRef":284}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Skeleton","package":"@mantine/core","category":"feedback","safety":"wrapped","documentationUrl":"https://mantine.dev/core/skeleton/","props":[{"name":"animate","required":false,"source":"component","literalValues":[false,true],"description":"Enables animation","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"circle","required":false,"source":"component","literalValues":[false,true],"description":"If set, Skeleton `width` and `border-radius` are equal to its `height`","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"height","required":false,"source":"component","description":"Skeleton `height`, numbers are converted to rem","typeRef":247},{"name":"radius","required":false,"source":"component","description":"Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem.","typeRef":246},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"visible","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether Skeleton overlay should be displayed","typeRef":341},{"name":"width","required":false,"source":"component","description":"Skeleton `width`, numbers are converted to rem, ignored when `circle` prop is set.","typeRef":254}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Do not rely on color alone to communicate status."]},{"name":"Slider","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/slider/","props":[{"name":"attributes","required":false,"source":"component","typeRef":424},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, controls color of track and thumb","typeRef":162},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":353},{"name":"domain","required":false,"source":"component","description":"Domain of the slider, defines the selectable value range independently of min/max. Useful when you want to display a wider track range (min/max) but restrict actual selection to a subset (domain).","typeRef":334},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":261},{"name":"inverted","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether track value representation should be inverted","typeRef":341},{"name":"labelAlwaysOn","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the label should be visible when the slider is not being dragged or hovered","typeRef":341},{"name":"labelTransitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component","typeRef":208},{"name":"marks","required":false,"source":"component","description":"Marks displayed on the track","typeRef":276},{"name":"max","required":false,"source":"component","description":"Maximum possible value","typeRef":353},{"name":"min","required":false,"source":"component","description":"Minimal possible value","typeRef":353},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Slider orientation","typeRef":36},{"name":"precision","required":false,"source":"component","description":"Number of significant digits after the decimal point","typeRef":353},{"name":"restrictToMarks","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the selection should be only allowed from the given marks array","typeRef":341},{"name":"showLabelOnHover","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the label should be displayed when the slider is hovered","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the track","typeRef":355},{"name":"startPointValue","required":false,"source":"component","description":"Value at which the filled bar starts. When set, the bar extends from this point toward the current value. Ignored when `inverted` is set.","typeRef":353},{"name":"step","required":false,"source":"component","description":"Number by which value will be incremented/decremented with thumb drag and arrows","typeRef":353},{"name":"thumbChildren","required":false,"source":"component","description":"Content rendered inside thumb","typeRef":263},{"name":"thumbLabel","required":false,"source":"component","description":"Thumb `aria-label`","typeRef":359},{"name":"thumbProps","required":false,"source":"component","description":"Props passed down to thumb element","typeRef":259},{"name":"thumbSize","required":false,"source":"component","description":"Thumb `width` and `height`, by default value is computed based on `size` prop","typeRef":365},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":353},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"number","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Space","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/space/","props":[{"name":"attributes","required":false,"source":"component","typeRef":369},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"styles","required":false,"source":"component","typeRef":369},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Sparkline","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/sparkline/","props":[{"name":"areaProps","required":false,"source":"component","description":"Props passed down to the underlying recharts `Area` component","typeRef":188},{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"connectNulls","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether null values should be connected with other values","typeRef":341},{"name":"curveType","required":false,"source":"component","literalValues":["bump","linear","monotone","natural","step","stepAfter","stepBefore"],"description":"Type of the curve","typeRef":69},{"name":"data","required":true,"source":"component","description":"Data used to render the chart","typeRef":109},{"name":"fillOpacity","required":false,"source":"component","description":"Controls fill opacity of the area","typeRef":353},{"name":"strokeWidth","required":false,"source":"component","description":"Area stroke width","typeRef":353},{"name":"trendColors","required":false,"source":"component","description":"If set, `color` prop is ignored and chart color is determined by the difference between first and last value.","typeRef":277},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withGradient","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the chart fill should be a gradient","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"Splitter","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/splitter/","props":[{"name":"attributes","required":false,"source":"component","typeRef":468},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"handleColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color for the separator line","typeRef":162},{"name":"handleIcon","required":false,"source":"component","description":"Custom icon displayed in the handle thumb, by default uses grip icon based on orientation","typeRef":263},{"name":"lineSize","required":false,"source":"component","description":"CSS value for separator line thickness between panes","typeRef":365},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Layout direction","typeRef":36},{"name":"resetOnDoubleClick","required":false,"source":"component","literalValues":[false,true],"description":"Restore the two panes adjacent to a handle to their default ratio (preserving their combined size) when the handle is double-clicked","typeRef":341},{"name":"shiftStep","required":false,"source":"component","description":"Shift+arrow step size, a `number`/`%` is a percentage, `px`/`rem` is resolved to pixels","typeRef":280},{"name":"sizes","required":false,"source":"component","description":"Controlled sizes, each value keeps the unit it was declared in (number/`%` flexible, `px`/`rem` fixed)","typeRef":279},{"name":"step","required":false,"source":"component","description":"Keyboard step size, a `number`/`%` is a percentage, `px`/`rem` is resolved to pixels","typeRef":280},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withHandle","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the thumb with grip icon is displayed on the handle","typeRef":341}],"blockedProps":[],"subcomponents":["Splitter.Pane"],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Splitter.Pane","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/splitter/","props":[{"name":"collapseThreshold","required":false,"source":"component","description":"Size below which the pane snaps to collapsed, defaults to `min`","typeRef":278},{"name":"collapsible","required":false,"source":"component","literalValues":[false,true],"description":"Whether this pane can be collapsed","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultSize","required":true,"source":"component","description":"Initial size, a `number`/`%` is a flexible size (shares leftover space), `px`/`rem` is a fixed size. A bare number is treated as a percentage.","typeRef":278},{"name":"max","required":false,"source":"component","description":"Maximum size in the same units as `defaultSize`, no limit by default","typeRef":278},{"name":"min","required":false,"source":"component","description":"Minimum size in the same units as `defaultSize`","typeRef":278},{"name":"styles","required":false,"source":"component","typeRef":222},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"SplitterPane","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/splitter-pane/","props":[{"name":"collapseThreshold","required":false,"source":"component","description":"Size below which the pane snaps to collapsed, defaults to `min`","typeRef":278},{"name":"collapsible","required":false,"source":"component","literalValues":[false,true],"description":"Whether this pane can be collapsed","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultSize","required":true,"source":"component","description":"Initial size, a `number`/`%` is a flexible size (shares leftover space), `px`/`rem` is a fixed size. A bare number is treated as a percentage.","typeRef":278},{"name":"max","required":false,"source":"component","description":"Maximum size in the same units as `defaultSize`, no limit by default","typeRef":278},{"name":"min","required":false,"source":"component","description":"Minimum size in the same units as `defaultSize`","typeRef":278},{"name":"styles","required":false,"source":"component","typeRef":222},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"Spoiler","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/spoiler/","props":[{"name":"attributes","required":false,"source":"component","typeRef":394},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultExpanded","required":false,"source":"component","literalValues":[false,true],"description":"Initial expanded state in uncontrolled mode. If `true`, content starts expanded. If `false`, content starts collapsed","typeRef":341},{"name":"expanded","required":false,"source":"component","literalValues":[false,true],"description":"Controlled expanded state value","typeRef":341},{"name":"hideAriaLabel","required":false,"source":"component","description":"Accessible label for the toggle button when expanded. If not set, `hideLabel` is used","typeRef":359},{"name":"hideLabel","required":false,"source":"component","description":"Content displayed in the toggle button when content is expanded (to collapse)","typeRef":263},{"name":"maxHeight","required":false,"source":"component","description":"Maximum height of visible content in px. When content exceeds this height, the toggle control appears","typeRef":353},{"name":"showAriaLabel","required":false,"source":"component","description":"Accessible label for the toggle button when collapsed. If not set, `showLabel` is used","typeRef":359},{"name":"showLabel","required":false,"source":"component","description":"Content displayed in the toggle button when content is collapsed (to expand)","typeRef":263},{"name":"transitionDuration","required":false,"source":"component","description":"Spoiler reveal transition duration in ms. Set to 0 to disable animation","typeRef":353},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Stack","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/stack/","props":[{"name":"align","required":false,"source":"component","literalValues":["-moz-initial","anchor-center","baseline","center","end","flex-end","flex-start","inherit","initial","normal","revert","revert-layer","self-end","self-start","start","stretch","unset"],"description":"Controls `align-items` CSS property","typeRef":244},{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"gap","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value to set `gap` property, numbers are converted to rem","typeRef":183},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"Controls `justify-content` CSS property","typeRef":248},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"StatBar","package":"@homarr/widgets","category":"interaction","safety":"allowed","description":"Displays a compact labeled statistic and progress value.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"color","source":"component","required":false,"typeRef":359},{"name":"label","source":"component","required":false,"typeRef":359},{"name":"max","source":"component","required":false,"typeRef":353},{"name":"value","source":"component","required":true,"typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Stepper","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/stepper/","props":[{"name":"active","required":true,"source":"component","description":"Index of the active step","typeRef":353},{"name":"allowNextStepsSelect","required":false,"source":"component","literalValues":[false,true],"description":"When true, users can click and jump to any step. When false, users can only navigate to completed steps","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":397},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"When true, automatically adjusts the icon color in completed steps to ensure sufficient contrast against the step background color","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, controls colors of active and progress steps","typeRef":162},{"name":"contentPadding","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Key of `theme.spacing` or any valid CSS value to set `padding-top` of the content","typeRef":183},{"name":"iconPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Icon position relative to the step body","typeRef":47},{"name":"iconSize","required":false,"source":"component","description":"Controls size of the step icon, by default icon size is inferred from `size` prop","typeRef":365},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, all step content is kept mounted. React 19 `Activity` is used to preserve state while content is hidden.","typeRef":341},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Stepper orientation","typeRef":36},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of various Stepper elements","typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"wrap","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether steps should wrap to the next line if no space is available","typeRef":341}],"blockedProps":[],"subcomponents":["Stepper.Completed","Stepper.Step"],"bind":{"type":"number","initialProp":"defaultValue"},"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Stepper.Completed","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/stepper/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Stepper.Step","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/stepper/","props":[{"name":"allowStepClick","required":false,"source":"component","literalValues":[false,true],"description":"Set to false to disable clicks on step","typeRef":341},{"name":"allowStepSelect","required":false,"source":"component","literalValues":[false,true],"description":"Should step selection be allowed","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors`, by default controlled by Stepper component","typeRef":162},{"name":"iconPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Icon position relative to step body, controlled by Stepper component","typeRef":47},{"name":"iconSize","required":false,"source":"component","description":"Icon wrapper size","typeRef":365},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Indicates loading state of the step","typeRef":341},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Component orientation","typeRef":36},{"name":"state","required":false,"source":"component","literalValues":["stepCompleted","stepInactive","stepProgress"],"description":"Step state, automatically set by Stepper component based on active prop. stepInactive: not reached, stepProgress: current, stepCompleted: passed","typeRef":70},{"name":"step","required":false,"source":"component","description":"0-based step index, automatically set by Stepper component","typeRef":353},{"name":"styles","required":false,"source":"component","typeRef":235},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withIcon","required":false,"source":"component","literalValues":[false,true],"description":"When false, hides the step icon. Useful for creating compact steppers with only labels","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"StepperCompleted","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/stepper-completed/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"StepperStep","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/stepper-step/","props":[{"name":"allowStepClick","required":false,"source":"component","literalValues":[false,true],"description":"Set to false to disable clicks on step","typeRef":341},{"name":"allowStepSelect","required":false,"source":"component","literalValues":[false,true],"description":"Should step selection be allowed","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors`, by default controlled by Stepper component","typeRef":162},{"name":"iconPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Icon position relative to step body, controlled by Stepper component","typeRef":47},{"name":"iconSize","required":false,"source":"component","description":"Icon wrapper size","typeRef":365},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Indicates loading state of the step","typeRef":341},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Component orientation","typeRef":36},{"name":"state","required":false,"source":"component","literalValues":["stepCompleted","stepInactive","stepProgress"],"description":"Step state, automatically set by Stepper component based on active prop. stepInactive: not reached, stepProgress: current, stepCompleted: passed","typeRef":70},{"name":"step","required":false,"source":"component","description":"0-based step index, automatically set by Stepper component","typeRef":353},{"name":"styles","required":false,"source":"component","typeRef":235},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withIcon","required":false,"source":"component","literalValues":[false,true],"description":"When false, hides the step icon. Useful for creating compact steppers with only labels","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"SubData","package":"@homarr/widgets","category":"network","safety":"wrapped","description":"Reads a nested value from a named manual-query result.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"as","source":"component","required":false,"literalValues":["Text","Title","Badge","Code","Image"],"typeRef":84},{"name":"c","source":"component","required":false,"typeRef":359},{"name":"color","source":"component","required":false,"typeRef":359},{"name":"fit","source":"component","required":false,"typeRef":359},{"name":"fw","source":"component","required":false,"typeRef":353},{"name":"h","source":"component","required":false,"typeRef":365},{"name":"order","source":"component","required":false,"literalValues":[1,2,3,4,5,6],"typeRef":135},{"name":"radius","source":"component","required":false,"typeRef":365},{"name":"size","source":"component","required":false,"typeRef":359},{"name":"variant","source":"component","required":false,"typeRef":359},{"name":"w","source":"component","required":false,"typeRef":365}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Action labels must describe their effect; destructive actions require confirmation."]},{"name":"SubFetch","package":"@homarr/widgets","category":"network","safety":"wrapped","description":"Runs a named manual query with invocation-time parameters.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"as","source":"component","required":false,"literalValues":["json","text"],"typeRef":86},{"name":"errorMessage","source":"component","required":false,"typeRef":359},{"name":"fallback","source":"component","required":false,"typeRef":264},{"name":"loadingLabel","source":"component","required":false,"typeRef":359},{"name":"params","source":"component","required":false,"typeRef":270},{"name":"refreshInterval","source":"component","required":false,"typeRef":353},{"name":"requestId","source":"component","required":false,"description":"Identifier of the named Custom Widget query.","typeRef":359},{"name":"trigger","source":"component","required":false,"literalValues":["auto","manual"],"typeRef":85}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Action labels must describe their effect; destructive actions require confirmation."]},{"name":"Switch","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/switch/","props":[{"name":"attributes","required":false,"source":"component","typeRef":375},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to set input color in checked state","typeRef":162},{"name":"description","required":false,"source":"component","description":"Description displayed below the label","typeRef":263},{"name":"error","required":false,"source":"component","description":"Error displayed below the label","typeRef":263},{"name":"label","required":false,"source":"component","description":"Content of the label associated with the switch","typeRef":263},{"name":"labelPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the label relative to the input","typeRef":47},{"name":"offLabel","required":false,"source":"component","description":"Inner label when the `Switch` is in unchecked state","typeRef":263},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of all elements","typeRef":182},{"name":"thumbIcon","required":false,"source":"component","description":"Icon inside the thumb of the switch","typeRef":263},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withThumbIndicator","required":false,"source":"component","literalValues":[false,true],"description":"If set, displays a colored dot inside the thumb that matches the track background color","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":103}],"blockedProps":[],"subcomponents":["Switch.Group"],"bind":{"type":"boolean","initialProp":"defaultChecked"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Switch.Group","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/switch/","props":[{"name":"attributes","required":false,"source":"component","typeRef":426},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":330},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input for uncontrolled forms","typeRef":104},{"name":"hiddenInputValuesSeparator","required":false,"source":"component","description":"Separator for values in the hidden input for uncontrolled forms","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelElement","required":false,"source":"component","literalValues":["div","label"],"description":"Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually.","typeRef":31},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"maxSelectedValues","required":false,"source":"component","description":"Maximum number of switches that can be selected. When the limit is reached, unselected switches will be disabled","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the `Input.Wrapper`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":330},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the `Input.Wrapper`","typeRef":103}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"SwitchGroup","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/switch-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":426},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":330},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input for uncontrolled forms","typeRef":104},{"name":"hiddenInputValuesSeparator","required":false,"source":"component","description":"Separator for values in the hidden input for uncontrolled forms","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelElement","required":false,"source":"component","literalValues":["div","label"],"description":"Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually.","typeRef":31},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"maxSelectedValues","required":false,"source":"component","description":"Maximum number of switches that can be selected. When the limit is reached, unselected switches will be disabled","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size of the `Input.Wrapper`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":330},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the `Input.Wrapper`","typeRef":103}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TabPanel","package":"@homarr/widgets","category":"interaction","safety":"allowed","description":"Renders content for one declarative tab.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"label","source":"component","required":false,"typeRef":359},{"name":"value","source":"component","required":true,"typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Table","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"align","required":false,"source":"component","literalValues":["center","left","right"],"typeRef":22},{"name":"attributes","required":false,"source":"component","typeRef":389},{"name":"borderColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Color of table borders, key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"captionSide","required":false,"source":"component","literalValues":["bottom","top"],"description":"Side of the `Table.Caption`","typeRef":16},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":false,"source":"component","description":"Data used to generate table, ignored if `children` prop is set","typeRef":315},{"name":"highlightOnHover","required":false,"source":"component","literalValues":[false,true],"description":"If set, table rows background changes to `highlightOnHoverColor` when hovered","typeRef":341},{"name":"highlightOnHoverColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Background color of table rows when hovered, key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"horizontalSpacing","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Horizontal cells spacing, key of `theme.spacing` or any valid CSS value for padding, numbers are converted to rem","typeRef":183},{"name":"layout","required":false,"source":"component","literalValues":["-moz-initial","auto","fixed","inherit","initial","revert","revert-layer","unset"],"description":"Value of `table-layout` style","typeRef":1},{"name":"stickyHeader","required":false,"source":"component","literalValues":[false,true],"description":"If set, `Table.Thead` is sticky","typeRef":341},{"name":"stickyHeaderOffset","required":false,"source":"component","description":"Offset from top at which `Table.Thead` should become sticky","typeRef":365},{"name":"striped","required":false,"source":"component","literalValues":["even",false,"odd",true],"description":"If set, every odd/even row background changes to `stripedColor`, if set to `true`, then `odd` value will be used","typeRef":345},{"name":"stripedColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Background color of striped rows, key of `theme.colors` or any valid CSS color","typeRef":162},{"name":"tabularNums","required":false,"source":"component","literalValues":[false,true],"description":"If set, `font-variant-numeric: tabular-nums` style is applied","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129},{"name":"verticalSpacing","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Vertical cells spacing, key of `theme.spacing` or any valid CSS value for padding, numbers are converted to rem","typeRef":183},{"name":"withColumnBorders","required":false,"source":"component","literalValues":[false,true],"description":"If set, the table has borders between columns","typeRef":341},{"name":"withRowBorders","required":false,"source":"component","literalValues":[false,true],"description":"If set, the table has borders between rows","typeRef":341},{"name":"withTableBorder","required":false,"source":"component","literalValues":[false,true],"description":"If set, the table has the outer border","typeRef":341}],"blockedProps":[],"subcomponents":["Table.Caption","Table.DataRenderer","Table.ScrollContainer","Table.Tbody","Table.Td","Table.Tfoot","Table.Th","Table.Thead","Table.Tr"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Caption","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.DataRenderer","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"data","required":true,"source":"component","typeRef":315}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.ScrollContainer","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"attributes","required":false,"source":"component","typeRef":472},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"maxHeight","required":false,"source":"component","description":"`max-height` of the `Table` at which it should become scrollable","typeRef":250},{"name":"minWidth","required":false,"source":"component","description":"`min-width` of the `Table` at which it should become scrollable","typeRef":251},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed down to `ScrollArea` component, not applicable with `type=\"native\"`","typeRef":274},{"name":"type","required":false,"source":"component","literalValues":["native","scrollarea"],"description":"Type of the scroll container, `native` to use native scrollbars, `scrollarea` to use `ScrollArea` component","typeRef":53},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Tbody","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Td","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"align","required":false,"source":"component","literalValues":["center","char","justify","left","right"],"typeRef":23},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Tfoot","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Th","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"align","required":false,"source":"component","literalValues":["center","char","justify","left","right"],"typeRef":23},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Thead","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Table.Tr","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableCaption","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-caption/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableOfContents","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/table-of-contents/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Observes headings and scrolling outside the widget root"},{"name":"TableScrollContainer","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-scroll-container/","props":[{"name":"attributes","required":false,"source":"component","typeRef":472},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"maxHeight","required":false,"source":"component","description":"`max-height` of the `Table` at which it should become scrollable","typeRef":250},{"name":"minWidth","required":false,"source":"component","description":"`min-width` of the `Table` at which it should become scrollable","typeRef":251},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed down to `ScrollArea` component, not applicable with `type=\"native\"`","typeRef":274},{"name":"type","required":false,"source":"component","literalValues":["native","scrollarea"],"description":"Type of the scroll container, `native` to use native scrollbars, `scrollarea` to use `ScrollArea` component","typeRef":53},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableTbody","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-tbody/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableTd","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-td/","props":[{"name":"align","required":false,"source":"component","literalValues":["center","char","justify","left","right"],"typeRef":23},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableTfoot","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-tfoot/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableTh","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-th/","props":[{"name":"align","required":false,"source":"component","literalValues":["center","char","justify","left","right"],"typeRef":23},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableThead","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-thead/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TableTr","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/table-tr/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","vertical"],"typeRef":129}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TablerIcon","package":"@homarr/widgets","category":"content","safety":"wrapped","description":"Resolves an installed Tabler icon by its safe name.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"color","source":"component","required":false,"typeRef":359},{"name":"name","source":"component","required":true,"typeRef":359},{"name":"size","source":"component","required":false,"typeRef":365},{"name":"stroke","source":"component","required":false,"typeRef":365}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Tabs","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs/","props":[{"name":"activateTabWithKeyboard","required":false,"source":"component","literalValues":[false,true],"description":"If set, tab is activated with arrow key press","typeRef":341},{"name":"allowTabDeactivation","required":false,"source":"component","literalValues":[false,true],"description":"If set, tab can be deactivated","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":466},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `pills` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Changes colors of `Tabs.Tab` components when variant is `pills` or `default`, does nothing for other variants","typeRef":162},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":352},{"name":"inverted","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether tabs should have inverted styles","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set to `false`, `Tabs.Panel` content will be unmounted when the associated tab is not active","typeRef":341},{"name":"keepMountedMode","required":false,"source":"component","literalValues":["activity","display-none"],"description":"Controls how inactive tabs content is hidden when `keepMounted` is `true`, `'activity'` – hidden with `Activity` component, `'display-none'` – hidden with `display: none` styles","typeRef":7},{"name":"loop","required":false,"source":"component","literalValues":[false,true],"description":"If set, arrow key presses loop though items (first to last and last to first)","typeRef":341},{"name":"orientation","required":false,"source":"component","literalValues":["horizontal","vertical"],"description":"Tabs orientation","typeRef":36},{"name":"placement","required":false,"source":"component","literalValues":["left","right"],"description":"`Tabs.List` placement relative to `Tabs.Panel`, applicable only when `orientation=\"vertical\"`","typeRef":47},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":352},{"name":"variant","required":false,"source":"component","literalValues":["default","outline","pills"],"typeRef":130}],"blockedProps":[],"subcomponents":["Tabs.List","Tabs.Panel","Tabs.Tab"],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Tabs.List","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"grow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether tabs should take all available space","typeRef":341},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"Tabs alignment","typeRef":248},{"name":"styles","required":false,"source":"component","typeRef":221},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Tabs.Panel","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the content is kept mounted, even if `keepMounted` is set `false` in the parent `Tabs` component","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":223},{"name":"value","required":true,"source":"component","description":"Value of associated control","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Tabs.Tab","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, controls tab color based on `variant`","typeRef":162},{"name":"leftSection","required":false,"source":"component","description":"Content displayed on the left side of the label","typeRef":263},{"name":"rightSection","required":false,"source":"component","description":"Content displayed on the right side of the label","typeRef":263},{"name":"size","required":false,"source":"component","description":"Size passed from parent component, sets `data-size` if value is not number like","typeRef":365},{"name":"styles","required":false,"source":"component","typeRef":236},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":true,"source":"component","description":"Value of associated panel","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TabsContainer","package":"@homarr/widgets","category":"interaction","safety":"allowed","description":"Renders a declarative tab container.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"defaultTab","source":"component","required":false,"typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"TabsList","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs-list/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"grow","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether tabs should take all available space","typeRef":341},{"name":"justify","required":false,"source":"component","literalValues":["-moz-initial","center","end","flex-end","flex-start","inherit","initial","left","normal","revert","revert-layer","right","space-around","space-between","space-evenly","start","stretch","unset"],"description":"Tabs alignment","typeRef":248},{"name":"styles","required":false,"source":"component","typeRef":221},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TabsPanel","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs-panel/","props":[{"name":"color","required":false,"source":"component","typeRef":359},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the content is kept mounted, even if `keepMounted` is set `false` in the parent `Tabs` component","typeRef":341},{"name":"styles","required":false,"source":"component","typeRef":223},{"name":"value","required":true,"source":"component","description":"Value of associated control","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TabsTab","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tabs-tab/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, controls tab color based on `variant`","typeRef":162},{"name":"leftSection","required":false,"source":"component","description":"Content displayed on the left side of the label","typeRef":263},{"name":"rightSection","required":false,"source":"component","description":"Content displayed on the right side of the label","typeRef":263},{"name":"size","required":false,"source":"component","description":"Size passed from parent component, sets `data-size` if value is not number like","typeRef":365},{"name":"styles","required":false,"source":"component","typeRef":236},{"name":"type","required":false,"source":"component","literalValues":["button","reset","submit"],"typeRef":20},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":true,"source":"component","description":"Value of associated panel","typeRef":359},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TagsInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tags-input/","props":[{"name":"acceptValueOnBlur","required":false,"source":"component","literalValues":[false,true],"description":"If set, the value typed in by the user but not submitted is accepted when the input is blurred","typeRef":341},{"name":"allowDuplicates","required":false,"source":"component","literalValues":[false,true],"description":"If set, duplicate tags are allowed","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":406},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":172},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, the clear button is displayed in the right section when the component has value","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"comboboxProps","required":false,"source":"component","description":"Props passed down to `Combobox` component","typeRef":153},{"name":"data","required":false,"source":"component","description":"Data displayed in the dropdown. Values must be unique.","typeRef":152},{"name":"defaultDropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled dropdown initial opened state","typeRef":341},{"name":"defaultSearchValue","required":false,"source":"component","description":"Default search value","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":368},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"dropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled dropdown opened state","typeRef":341},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"floatingHeight","required":false,"source":"component","literalValues":["viewport"],"description":"If set to `'viewport'`, the dropdown grows to fill the available vertical space in the viewport. Disables the `flip` middleware.","typeRef":78},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":195},{"name":"hiddenInputValuesDivider","required":false,"source":"component","description":"Divider used to separate values in the hidden input `value` attribute","typeRef":359},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"limit","required":false,"source":"component","description":"Maximum number of options displayed at a time, `Infinity` by default","typeRef":353},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"maxDropdownHeight","required":false,"source":"component","description":"`max-height` of the dropdown, only applicable when `withScrollArea` prop is `true`, `250` by default","typeRef":365},{"name":"maxTags","required":false,"source":"component","description":"Maximum number of tags","typeRef":353},{"name":"openOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown opens when the input receives focus","typeRef":341},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed down to the underlying `ScrollArea` component in the dropdown","typeRef":274},{"name":"searchValue","required":false,"source":"component","description":"Controlled search value","typeRef":359},{"name":"selectFirstOptionOnChange","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when value changes, `false` by default","typeRef":341},{"name":"selectFirstOptionOnDropdownOpen","required":false,"source":"component","literalValues":[false,true],"description":"If set, the first option is selected when dropdown opens, `false` by default","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"splitChars","required":false,"source":"component","description":"Characters that should trigger tags split, `[',']` by default","typeRef":368},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":368},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withPillsReorder","required":false,"source":"component","literalValues":[false,true],"description":"If set, tags can be reordered by dragging pills. Disabled when `disabled` or `readOnly` is set.","typeRef":341},{"name":"withScrollArea","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the options should be wrapped with `ScrollArea.AutoSize`, `true` by default","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string[]","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Text","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/text/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"gradient","required":false,"source":"component","description":"Gradient configuration, ignored when `variant` is not `gradient`","typeRef":179},{"name":"inherit","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether font properties should be inherited from the parent","typeRef":341},{"name":"inline","required":false,"source":"component","literalValues":[false,true],"description":"Sets `line-height` to 1 for centering","typeRef":341},{"name":"lineClamp","required":false,"source":"component","description":"Number of lines after which Text will be truncated","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls `font-size` and `line-height`","typeRef":82},{"name":"span","required":false,"source":"component","literalValues":[false,true],"description":"Shorthand for `component=\"span\"`","typeRef":341},{"name":"textWrap","required":false,"source":"component","literalValues":["balance","nowrap","pretty","stable","wrap"],"description":"Controls `text-wrap` CSS property","typeRef":79},{"name":"truncate","required":false,"source":"component","literalValues":["end",false,"start",true],"description":"Side on which Text must be truncated, if `true`, text is truncated from the start","typeRef":344},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["gradient","text"],"typeRef":131}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TextInput","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/text-input/","props":[{"name":"attributes","required":false,"source":"component","typeRef":416},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Textarea","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/textarea/","props":[{"name":"attributes","required":false,"source":"component","typeRef":416},{"name":"autoComplete","required":false,"source":"component","typeRef":359},{"name":"autosize","required":false,"source":"component","literalValues":[false,true],"description":"If set, enables textarea height growing with its content","typeRef":341},{"name":"bottomSection","required":false,"source":"component","description":"Content rendered at the bottom of the input, inside the border","typeRef":263},{"name":"bottomSectionProps","required":false,"source":"component","description":"Props passed down to the `bottomSection` element","typeRef":259},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"maxRows","required":false,"source":"component","description":"Maximum rows for autosize textarea to grow, ignored if `autosize` prop is not set","typeRef":353},{"name":"minRows","required":false,"source":"component","description":"Minimum rows of autosize textarea, ignored if `autosize` prop is not set","typeRef":353},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"resize","required":false,"source":"component","literalValues":["-moz-initial","block","both","horizontal","inherit","initial","inline","none","revert","revert-layer","unset","vertical"],"description":"Controls `resize` CSS property","typeRef":3},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"ThemeIcon","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/theme-icon/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color.","typeRef":162},{"name":"gradient","required":false,"source":"component","description":"Gradient data used when `variant=\"gradient\"`","typeRef":179},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls width and height of the button. Numbers are converted to rem.","typeRef":355},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","gradient","light","outline","transparent","white"],"typeRef":132}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TimeGrid","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/time-grid/","props":[{"name":"allowDeselect","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the value can be deselected when the current active option is clicked or activated with keyboard","typeRef":341},{"name":"amPmLabels","required":false,"source":"component","description":"Labels used for am/pm values","typeRef":316},{"name":"attributes","required":false,"source":"component","typeRef":457},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Time data in 24h format to be displayed in the grid, for example `['10:00', '18:30', '22:00']`. Time values must be unique.","typeRef":368},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":352},{"name":"format","required":false,"source":"component","literalValues":["12h","24h"],"description":"Time format displayed in the grid","typeRef":6},{"name":"maxTime","required":false,"source":"component","description":"All controls after this time are disabled","typeRef":359},{"name":"minTime","required":false,"source":"component","description":"All controls before this time are disabled","typeRef":359},{"name":"simpleGridProps","required":false,"source":"component","description":"Props passed down to the underlying `SimpleGrid` component","typeRef":275},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Control `font-size` of controls, key of `theme.fontSizes` or any valid CSS value","typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":352},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withSeconds","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the seconds part should be displayed","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"TimeInput","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/time-input/","props":[{"name":"attributes","required":false,"source":"component","typeRef":416},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"maxTime","required":false,"source":"component","description":"Maximum possible string time, if `withSeconds` is true, time should be in format HH:mm:ss, otherwise HH:mm","typeRef":359},{"name":"minTime","required":false,"source":"component","description":"Minimum possible string time, if `withSeconds` is true, time should be in format HH:mm:ss, otherwise HH:mm","typeRef":359},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSeconds","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether seconds input should be displayed","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"TimePicker","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/time-picker/","props":[{"name":"amPmInputLabel","required":false,"source":"component","description":"`aria-label` of am/pm input","typeRef":359},{"name":"amPmLabels","required":false,"source":"component","description":"Labels used for am/pm values","typeRef":316},{"name":"amPmSelectProps","required":false,"source":"component","description":"Props passed down to am/pm select","typeRef":105},{"name":"attributes","required":false,"source":"component","typeRef":410},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to clear button","typeRef":92},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the clear button should be displayed","typeRef":341},{"name":"closeDropdownOnPresetSelect","required":false,"source":"component","literalValues":[false,true],"description":"If set, the dropdown is closed when a value is selected from the presets list","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Uncontrolled component default value","typeRef":359},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"format","required":false,"source":"component","literalValues":["12h","24h"],"description":"Time format, `'24h'` by default","typeRef":6},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props passed down to the hidden input","typeRef":104},{"name":"hoursInputLabel","required":false,"source":"component","description":"`aria-label` of hours input","typeRef":359},{"name":"hoursInputProps","required":false,"source":"component","description":"Props passed down to hours input","typeRef":104},{"name":"hoursPlaceholder","required":false,"source":"component","description":"Hours input placeholder,","typeRef":359},{"name":"hoursStep","required":false,"source":"component","description":"Number by which hours are incremented/decremented","typeRef":353},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"max","required":false,"source":"component","description":"Max possible time value in `hh:mm:ss` format","typeRef":359},{"name":"maxDropdownContentHeight","required":false,"source":"component","description":"Maximum height of the content displayed in the dropdown in px","typeRef":353},{"name":"min","required":false,"source":"component","description":"Min possible time value in `hh:mm:ss` format","typeRef":359},{"name":"minHoursDigits","required":false,"source":"component","description":"Minimum number of digits displayed in the hours input, applicable only when `type=\"duration\"` is set","typeRef":353},{"name":"minutesInputLabel","required":false,"source":"component","description":"`aria-label` of minutes input","typeRef":359},{"name":"minutesInputProps","required":false,"source":"component","description":"Props passed down to minutes input","typeRef":104},{"name":"minutesPlaceholder","required":false,"source":"component","description":"Minutes input placeholder,","typeRef":359},{"name":"minutesStep","required":false,"source":"component","description":"Number by which minutes are incremented/decremented","typeRef":353},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to `Popover` component","typeRef":242},{"name":"presets","required":false,"source":"component","description":"Time presets to display in the dropdown","typeRef":317},{"name":"reverseTimeControlsList","required":false,"source":"component","literalValues":[false,true],"description":"If set, the time controls list are reversed,","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props passed down to all underlying `ScrollArea` components","typeRef":274},{"name":"secondsInputLabel","required":false,"source":"component","description":"`aria-label` of seconds input","typeRef":359},{"name":"secondsInputProps","required":false,"source":"component","description":"Props passed down to seconds input","typeRef":104},{"name":"secondsPlaceholder","required":false,"source":"component","description":"Seconds input placeholder,","typeRef":359},{"name":"secondsStep","required":false,"source":"component","description":"Number by which seconds are incremented/decremented","typeRef":353},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["duration","time"],"description":"TimePicker type, `'time'` for regular time input, `'duration'` for duration input that allows values greater than 24 hours","typeRef":75},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled component value","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withDropdown","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the dropdown with time controls list should be visible when the input has focus","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSeconds","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the seconds input should be displayed","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"TimeValue","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/time-value/","props":[{"name":"amPmLabels","required":false,"source":"component","description":"AM/PM labels","typeRef":316},{"name":"format","required":false,"source":"component","literalValues":["12h","24h"],"description":"Time format","typeRef":6},{"name":"value","required":true,"source":"component","description":"Time to format","typeRef":362},{"name":"withSeconds","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether seconds should be displayed","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"Timeline","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/timeline/","props":[{"name":"active","required":false,"source":"component","description":"Index of the active element","typeRef":353},{"name":"align","required":false,"source":"component","literalValues":["left","right"],"description":"Position of content relative to the bullet","typeRef":47},{"name":"attributes","required":false,"source":"component","typeRef":463},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"bulletSize","required":false,"source":"component","description":"Size of the bullet","typeRef":365},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to control active item colors","typeRef":162},{"name":"lineWidth","required":false,"source":"component","description":"Control width of the line","typeRef":365},{"name":"reverseActive","required":false,"source":"component","literalValues":[false,true],"description":"If set, the active items direction is reversed without reversing items order","typeRef":341},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":["Timeline.Item"],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Timeline.Item","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/timeline/","props":[{"name":"bullet","required":false,"source":"component","description":"React node that should be rendered inside the bullet – icon, image, avatar, etc. By default, large white dot is displayed.","typeRef":263},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to control active item colors","typeRef":162},{"name":"lineVariant","required":false,"source":"component","literalValues":["dashed","dotted","solid"],"description":"Controls line border style","typeRef":26},{"name":"styles","required":false,"source":"component","typeRef":237},{"name":"title","required":false,"source":"component","description":"Item title, displayed next to the bullet","typeRef":263},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"TimelineItem","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/timeline-item/","props":[{"name":"bullet","required":false,"source":"component","description":"React node that should be rendered inside the bullet – icon, image, avatar, etc. By default, large white dot is displayed.","typeRef":263},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color to control active item colors","typeRef":162},{"name":"lineVariant","required":false,"source":"component","literalValues":["dashed","dotted","solid"],"description":"Controls line border style","typeRef":26},{"name":"styles","required":false,"source":"component","typeRef":237},{"name":"title","required":false,"source":"component","description":"Item title, displayed next to the bullet","typeRef":263},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"Title","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/title/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"lineClamp","required":false,"source":"component","description":"Number of lines after which heading will be truncated","typeRef":353},{"name":"order","required":false,"source":"component","literalValues":[1,2,3,4,5,6],"description":"Heading order (1-6), controls `font-size` style if `size` prop is not set","typeRef":137},{"name":"size","required":false,"source":"component","description":"Changes title size, if not set, then size is controlled by `order` prop","typeRef":318},{"name":"textWrap","required":false,"source":"component","literalValues":["balance","nowrap","pretty","stable","wrap"],"description":"Heading `text-wrap` CSS property","typeRef":79},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"ToggleSwitch","package":"@homarr/widgets","category":"network","safety":"wrapped","description":"Runs named actions for the enabled and disabled states.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"color","source":"component","required":false,"typeRef":359},{"name":"disabled","source":"component","required":false,"typeRef":338},{"name":"disabledParams","source":"component","required":false,"typeRef":270},{"name":"enabledParams","source":"component","required":false,"typeRef":270},{"name":"errorMessage","source":"component","required":false,"typeRef":359},{"name":"initialValue","source":"component","required":false,"typeRef":338},{"name":"label","source":"component","required":false,"typeRef":359},{"name":"requestId","source":"component","required":false,"description":"Identifier of the named Custom Widget action.","typeRef":359},{"name":"size","source":"component","required":false,"typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Action labels must describe their effect; destructive actions require confirmation."]},{"name":"Tooltip","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tooltip/","props":[{"name":"arrowOffset","required":false,"source":"component","description":"Arrow offset in px","typeRef":353},{"name":"arrowPosition","required":false,"source":"component","literalValues":["center","merge","side"],"description":"Arrow position relative to the tooltip","typeRef":24},{"name":"arrowRadius","required":false,"source":"component","description":"Arrow `border-radius` in px","typeRef":353},{"name":"arrowSize","required":false,"source":"component","description":"Arrow size in px","typeRef":353},{"name":"attributes","required":false,"source":"component","typeRef":475},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"If set, adjusts text color based on background color for `filled` variant","typeRef":341},{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms","typeRef":353},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, controls tooltip background, by default set based on current color scheme","typeRef":162},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled tooltip initial opened state","typeRef":341},{"name":"events","required":false,"source":"component","description":"Determines which events will be used to show tooltip","typeRef":402},{"name":"floatingStrategy","required":false,"source":"component","literalValues":["absolute","fixed"],"description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","typeRef":34},{"name":"inline","required":false,"source":"component","literalValues":[false,true],"description":"Must be set if the tooltip target is an inline element","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, the tooltip is not unmounted from the DOM when hidden, `display: none` styles are applied instead","typeRef":341},{"name":"label","required":false,"source":"component","description":"Tooltip content","typeRef":263},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling, `{ flip: true, shift: true, inline: false }` by default","typeRef":319},{"name":"multiline","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether content should be wrapped on to the next line, `false` by default","typeRef":341},{"name":"offset","required":false,"source":"component","description":"Space between target element and tooltip in px","typeRef":354},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms","typeRef":353},{"name":"opened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled opened state","typeRef":341},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Tooltip position relative to target element (`Tooltip` component) or mouse (`Tooltip.Floating` component)","typeRef":48},{"name":"transitionProps","required":false,"source":"component","description":"Props passed down to the `Transition` component that used to animate tooltip presence, use to configure duration and animation type","typeRef":208},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withArrow","required":false,"source":"component","literalValues":[false,true],"description":"If set, the tooltip has an arrow","typeRef":341}],"blockedProps":[{"name":"target","reason":"String targets can select elements outside the widget root"}],"subcomponents":["Tooltip.Floating","Tooltip.Group"],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Tooltip.Floating","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tooltip/","props":[{"name":"attributes","required":false,"source":"component","typeRef":475},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, controls tooltip background, by default set based on current color scheme","typeRef":162},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled tooltip initial opened state","typeRef":341},{"name":"label","required":false,"source":"component","description":"Tooltip content","typeRef":263},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling, `{ flip: true, shift: true, inline: false }` by default","typeRef":319},{"name":"multiline","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether content should be wrapped on to the next line, `false` by default","typeRef":341},{"name":"offset","required":false,"source":"component","description":"Offset from mouse in px","typeRef":353},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Tooltip position relative to target element (`Tooltip` component) or mouse (`Tooltip.Floating` component)","typeRef":48},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Tooltip.Group","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tooltip/","props":[{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms","typeRef":353},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms","typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TooltipFloating","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tooltip-floating/","props":[{"name":"attributes","required":false,"source":"component","typeRef":475},{"name":"color","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Key of `theme.colors` or any valid CSS color, controls tooltip background, by default set based on current color scheme","typeRef":162},{"name":"defaultOpened","required":false,"source":"component","literalValues":[false,true],"description":"Uncontrolled tooltip initial opened state","typeRef":341},{"name":"label","required":false,"source":"component","description":"Tooltip content","typeRef":263},{"name":"middlewares","required":false,"source":"component","description":"Floating ui middlewares to configure position handling, `{ flip: true, shift: true, inline: false }` by default","typeRef":319},{"name":"multiline","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether content should be wrapped on to the next line, `false` by default","typeRef":341},{"name":"offset","required":false,"source":"component","description":"Offset from mouse in px","typeRef":353},{"name":"position","required":false,"source":"component","literalValues":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"description":"Tooltip position relative to target element (`Tooltip` component) or mouse (`Tooltip.Floating` component)","typeRef":48},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TooltipGroup","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tooltip-group/","props":[{"name":"closeDelay","required":false,"source":"component","description":"Close delay in ms","typeRef":353},{"name":"openDelay","required":false,"source":"component","description":"Open delay in ms","typeRef":353}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Transition","package":"@mantine/core","category":"blocked","safety":"denied","documentationUrl":"https://mantine.dev/core/transition/","props":[],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":[],"deniedReason":"Requires an authored render callback"},{"name":"Tree","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tree/","props":[{"name":"allowRangeSelection","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree nodes range can be selected with click when `Shift` key is pressed","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":427},{"name":"checkOnSpace","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node is checked on space key press","typeRef":341},{"name":"clearSelectionOnOutsideClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, selection is cleared when user clicks outside of the tree","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Data used to render nodes","typeRef":321},{"name":"expandOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node with children is expanded on click","typeRef":341},{"name":"expandOnSpace","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node with children is expanded on space key press","typeRef":341},{"name":"keepMounted","required":false,"source":"component","literalValues":[false,true],"description":"If set, subtree content is kept mounted when collapsed. React 19 `Activity` is used to preserve state.","typeRef":341},{"name":"levelOffset","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Horizontal padding of each subtree level, key of `theme.spacing` or any valid CSS value","typeRef":183},{"name":"selectOnClick","required":false,"source":"component","literalValues":[false,true],"description":"If set, tree node is selected on click","typeRef":341},{"name":"tree","required":false,"source":"component","description":"Use-tree hook instance that can be used to manipulate component state","typeRef":327},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withDragHandle","required":false,"source":"component","literalValues":[false,true],"description":"If set, drag-and-drop must be initiated from an element that spreads `dragHandleProps` from the `renderNode` payload, rather than anywhere on the node.","typeRef":341},{"name":"withLines","required":false,"source":"component","literalValues":[false,true],"description":"If set, connecting lines are rendered showing parent-child relationships","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TreeSelect","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tree-select/","props":[{"name":"allowDeselect","required":false,"source":"component","literalValues":[false,true],"description":"Allows deselecting in single mode","typeRef":341},{"name":"attributes","required":false,"source":"component","typeRef":406},{"name":"checkStrictly","required":false,"source":"component","literalValues":[false,true],"description":"Disables parent-child cascade in checkbox mode","typeRef":341},{"name":"checkedStrategy","required":false,"source":"component","literalValues":["all","child","parent"],"description":"Controls which checked nodes appear in value/pills in checkbox mode","typeRef":8},{"name":"chevronAriaLabels","required":false,"source":"component","description":"aria-label values for the expand/collapse chevron button","typeRef":322},{"name":"chevronColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls the default chevron color","typeRef":162},{"name":"clearButtonProps","required":false,"source":"component","description":"Props for the clear button","typeRef":172},{"name":"clearSearchOnChange","required":false,"source":"component","literalValues":[false,true],"description":"Clear search on selection change","typeRef":341},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"Shows clear button","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"comboboxProps","required":false,"source":"component","description":"Props passed to the underlying Combobox","typeRef":266},{"name":"data","required":true,"source":"component","description":"Tree data","typeRef":321},{"name":"defaultDropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Default dropdown state","typeRef":341},{"name":"defaultExpandAll","required":false,"source":"component","literalValues":[false,true],"description":"Expand all nodes by default","typeRef":341},{"name":"defaultExpandedValues","required":false,"source":"component","description":"Default expanded node values","typeRef":368},{"name":"defaultSearchValue","required":false,"source":"component","description":"Default search value","typeRef":359},{"name":"defaultValue","required":false,"source":"component","description":"Default value","typeRef":323},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"dropdownOpened","required":false,"source":"component","literalValues":[false,true],"description":"Controlled dropdown state","typeRef":341},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"expandOnClick","required":false,"source":"component","literalValues":[false,true],"description":"Also toggle expand when clicking a parent node (not just the chevron). In `single` and `multiple` modes, parent clicks only expand; only leaves can be selected. In `checkbox` mode, parent clicks both check and expand.","typeRef":341},{"name":"expandedValues","required":false,"source":"component","description":"Controlled expanded state","typeRef":368},{"name":"hiddenInputProps","required":false,"source":"component","description":"Props for the hidden input","typeRef":195},{"name":"hiddenInputValuesDivider","required":false,"source":"component","description":"Divider for hidden input values","typeRef":359},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"maxDisplayedValues","required":false,"source":"component","description":"Maximum displayed pills before \"+N more\"","typeRef":353},{"name":"maxDropdownHeight","required":false,"source":"component","description":"Max dropdown height","typeRef":365},{"name":"maxValues","required":false,"source":"component","description":"Maximum selectable values (multiple/checkbox mode)","typeRef":353},{"name":"mode","required":false,"source":"component","description":"Selection mode: 'single', 'multiple', or 'checkbox' (with cascade)","typeRef":184},{"name":"nothingFoundMessage","required":false,"source":"component","description":"Message when no nodes match search","typeRef":263},{"name":"openOnFocus","required":false,"source":"component","literalValues":[false,true],"description":"Opens dropdown on focus (searchable mode)","typeRef":341},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"scrollAreaProps","required":false,"source":"component","description":"Props for the ScrollArea in the dropdown","typeRef":274},{"name":"searchValue","required":false,"source":"component","description":"Controlled search value","typeRef":359},{"name":"searchable","required":false,"source":"component","literalValues":[false,true],"description":"Enables search filtering","typeRef":341},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls input `height`, horizontal `padding`, and `font-size`","typeRef":182},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["button","checkbox","color","date","datetime-local","email","file","hidden","image","month","number","password","radio","range","reset","search","submit","tel","text","time","url","week"],"typeRef":171},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Controlled value","typeRef":323},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withLines","required":false,"source":"component","literalValues":[false,true],"description":"Show tree connection lines between parent and child nodes","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"TreeSelectOption","package":"@mantine/core","category":"navigation","safety":"wrapped","documentationUrl":"https://mantine.dev/core/tree-select-option/","props":[{"name":"checked","required":true,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"chevronAriaLabels","required":false,"source":"component","typeRef":322},{"name":"expanded","required":true,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"hasChildren","required":true,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"indeterminate","required":true,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"isLastChild","required":true,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"level","required":true,"source":"component","typeRef":353},{"name":"lineGuides","required":true,"source":"component","typeRef":339},{"name":"node","required":true,"source":"component","typeRef":320},{"name":"selected","required":true,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"showCheckbox","required":true,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"withLines","required":true,"source":"component","literalValues":[false,true],"typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide an accessible label for controls without visible text."]},{"name":"Treemap","package":"@mantine/charts","category":"charts","safety":"wrapped","documentationUrl":"https://mantine.dev/charts/treemap/","props":[{"name":"aspectRatio","required":false,"source":"component","description":"The treemap will try to keep every single rectangle's aspect ratio near the aspectRatio given","typeRef":353},{"name":"attributes","required":false,"source":"component","typeRef":470},{"name":"autoContrast","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether text color should be adjusted based on background color to improve contrast","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"data","required":true,"source":"component","description":"Data used to render chart","typeRef":324},{"name":"dataKey","required":false,"source":"component","description":"Key in data object for the value","typeRef":359},{"name":"height","required":false,"source":"component","description":"Controls chart height","typeRef":353},{"name":"strokeColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls color of the node stroke, by default depends on color scheme","typeRef":162},{"name":"strokeWidth","required":false,"source":"component","description":"Controls width of node stroke","typeRef":353},{"name":"textColor","required":false,"source":"component","literalValues":["blue","cyan","dark","grape","gray","green","indigo","lime","orange","pink","red","teal","violet","yellow"],"description":"Controls text color of labels","typeRef":162},{"name":"tooltipAnimationDuration","required":false,"source":"component","description":"Tooltip animation duration in ms","typeRef":353},{"name":"tooltipProps","required":false,"source":"component","description":"Props passed down to `Tooltip` recharts component","typeRef":197},{"name":"treemapProps","required":false,"source":"component","description":"Props passed down to recharts `Treemap` component","typeRef":206},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withTooltip","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the tooltip should be displayed when a node is hovered","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a nearby text summary of the chart data."]},{"name":"TypeBadge","package":"@homarr/widgets","category":"interaction","safety":"allowed","description":"Displays a compact semantic type badge.","documentationUrl":"https://homarr.dev/docs/management/custom-widgets/","props":[{"name":"size","source":"component","required":false,"literalValues":["xs","sm","md","lg","xl"],"typeRef":87},{"name":"type","source":"component","required":true,"typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"Typography","package":"@mantine/core","category":"layout","safety":"wrapped","documentationUrl":"https://mantine.dev/core/typography/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Keep visual order consistent with reading order."]},{"name":"UnstyledButton","package":"@mantine/core","category":"interaction","safety":"wrapped","documentationUrl":"https://mantine.dev/core/unstyled-button/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"size","required":false,"source":"component","description":"Size passed from parent component, sets `data-size` if value is not number like","typeRef":365},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide a visible label or aria-label."]},{"name":"VisuallyHidden","package":"@mantine/core","category":"content","safety":"wrapped","documentationUrl":"https://mantine.dev/core/visually-hidden/","props":[{"name":"attributes","required":false,"source":"component","typeRef":471},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Provide meaningful text alternatives for non-text content."]},{"name":"WeekdaysRow","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/weekdays-row/","props":[{"name":"attributes","required":false,"source":"component","typeRef":478},{"name":"cellComponent","required":false,"source":"component","literalValues":["td","th"],"description":"Sets cell type that is used for weekdays","typeRef":72},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"firstDayOfWeek","required":false,"source":"component","literalValues":[0,1,2,3,4,5,6],"description":"Number 0-6, 0 – Sunday, 6 – Saturday","typeRef":134},{"name":"locale","required":false,"source":"component","description":"dayjs locale","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Controls size","typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withWeekNumbers","required":false,"source":"component","literalValues":[false,true],"description":"If set, heading for week numbers is displayed","typeRef":341}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"YearLevel","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/year-level/","props":[{"name":"attributes","required":false,"source":"component","typeRef":383},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":341},{"name":"hasNextLevel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next level button should be enabled","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"levelControlAriaLabel","required":false,"source":"component","description":"`aria-label` for change level control","typeRef":359},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":341},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":341},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"styles","required":false,"source":"component","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withNext","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next control should be rendered","typeRef":341},{"name":"withPrevious","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether previous control should be rendered","typeRef":341},{"name":"year","required":true,"source":"component","description":"Displayed year value in `YYYY-MM-DD` format","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"YearLevelGroup","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/year-level-group/","props":[{"name":"attributes","required":false,"source":"component","typeRef":385},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the calendar should take the full width of its container","typeRef":341},{"name":"hasNextLevel","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether next level button should be enabled","typeRef":341},{"name":"headerControlsOrder","required":false,"source":"component","description":"Controls order","typeRef":89},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"monthsListFormat","required":false,"source":"component","description":"`dayjs` format for months list","typeRef":359},{"name":"nextDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables next control","typeRef":341},{"name":"nextIcon","required":false,"source":"component","description":"Change next icon","typeRef":263},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"previousDisabled","required":false,"source":"component","literalValues":[false,true],"description":"Disables previous control","typeRef":341},{"name":"previousIcon","required":false,"source":"component","description":"Change previous icon","typeRef":263},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"styles","required":false,"source":"component","typeRef":238},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"year","required":true,"source":"component","description":"Displayed year","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"YearPicker","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/year-picker/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":106},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":107},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":387},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":159},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":332},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"type","required":false,"source":"component","literalValues":["default","multiple","range"],"description":"Picker type: range, multiple or default","typeRef":158},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value for controlled component","typeRef":159},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"YearPickerInput","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/year-picker-input/","props":[{"name":"allowDeselect","required":false,"source":"component","description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\"default\"","typeRef":106},{"name":"allowSingleDateInRange","required":false,"source":"component","description":"Determines whether a single day can be selected as range, applicable only when type=\"range\"","typeRef":107},{"name":"ariaLabels","required":false,"source":"component","description":"`aria-label` attributes for controls on different levels","typeRef":147},{"name":"attributes","required":false,"source":"component","typeRef":411},{"name":"clearButtonProps","required":false,"source":"component","description":"Props passed down to the clear button","typeRef":258},{"name":"clearSectionMode","required":false,"source":"component","literalValues":["both","clear","rightSection"],"description":"Determines how the clear button and rightSection are rendered","typeRef":15},{"name":"clearable","required":false,"source":"component","literalValues":[false,true],"description":"If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set.","typeRef":341},{"name":"closeOnChange","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the dropdown is closed when date is selected, not applicable with `type=\"multiple\"`","typeRef":341},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"columnsToScroll","required":false,"source":"component","description":"Number of columns to scroll with next/prev buttons, same as `numberOfColumns` if not set explicitly","typeRef":353},{"name":"date","required":false,"source":"component","description":"Displayed date in controlled mode","typeRef":362},{"name":"defaultDate","required":false,"source":"component","description":"Initial displayed date in uncontrolled mode","typeRef":362},{"name":"defaultValue","required":false,"source":"component","description":"Default value for uncontrolled component","typeRef":159},{"name":"description","required":false,"source":"component","description":"Contents of `Input.Description` component. If not set, description is not displayed.","typeRef":263},{"name":"descriptionProps","required":false,"source":"component","description":"Props passed down to the `Input.Description` component","typeRef":95},{"name":"error","required":false,"source":"component","description":"Contents of `Input.Error` component. If not set, error is not displayed.","typeRef":263},{"name":"errorProps","required":false,"source":"component","description":"Props passed down to the `Input.Error` component","typeRef":96},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"inputSize","required":false,"source":"component","description":"HTML `size` attribute for the input element (number of visible characters)","typeRef":359},{"name":"inputWrapperOrder","required":false,"source":"component","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","typeRef":88},{"name":"label","required":false,"source":"component","description":"Contents of `Input.Label` component. If not set, label is not displayed.","typeRef":263},{"name":"labelProps","required":false,"source":"component","description":"Props passed down to the `Input.Label` component","typeRef":97},{"name":"labelSeparator","required":false,"source":"component","description":"Separator between range value","typeRef":359},{"name":"leftSection","required":false,"source":"component","description":"Content section displayed on the left side of the input","typeRef":263},{"name":"leftSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `leftSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"leftSectionProps","required":false,"source":"component","description":"Props passed down to the `leftSection` element","typeRef":259},{"name":"leftSectionWidth","required":false,"source":"component","description":"Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height","typeRef":254},{"name":"loading","required":false,"source":"component","literalValues":[false,true],"description":"Displays loading indicator in the left or right section","typeRef":341},{"name":"loadingPosition","required":false,"source":"component","literalValues":["left","right"],"description":"Position of the loading indicator","typeRef":47},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"nextLabel","required":false,"source":"component","description":"Next button `aria-label`","typeRef":359},{"name":"numberOfColumns","required":false,"source":"component","description":"Number of columns displayed next to each other","typeRef":353},{"name":"pointer","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have `cursor: pointer` style. Use when input acts as a button-like trigger (e.g., `component=\"button\"` for Select/DatePicker).","typeRef":341},{"name":"popoverProps","required":false,"source":"component","description":"Props passed down to `Popover` component","typeRef":204},{"name":"presets","required":false,"source":"component","description":"Predefined values to pick from","typeRef":332},{"name":"previousLabel","required":false,"source":"component","description":"Previous button `aria-label`","typeRef":359},{"name":"rightSection","required":false,"source":"component","description":"Content section displayed on the right side of the input","typeRef":263},{"name":"rightSectionPointerEvents","required":false,"source":"component","literalValues":["-moz-initial","all","auto","fill","inherit","initial","none","painted","revert","revert-layer","stroke","unset","visible","visibleFill","visiblePainted","visibleStroke"],"description":"Sets `pointer-events` styles on the `rightSection` element. Use `'all'` when section contains interactive elements (buttons, links).","typeRef":2},{"name":"rightSectionProps","required":false,"source":"component","description":"Props passed down to the `rightSection` element","typeRef":259},{"name":"rightSectionWidth","required":false,"source":"component","description":"Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height","typeRef":254},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"sortDates","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether dates values should be sorted before `onChange` call, only applicable with type=\"multiple\"","typeRef":341},{"name":"success","required":false,"source":"component","description":"Contents of `Input.Success` component. If not set, success is not displayed.","typeRef":263},{"name":"successProps","required":false,"source":"component","description":"Props passed down to the `Input.Success` component","typeRef":98},{"name":"type","required":false,"source":"component","literalValues":["default","multiple","range"],"description":"Picker type: range, multiple or default","typeRef":158},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"value","required":false,"source":"component","description":"Value for controlled component","typeRef":159},{"name":"valueFormat","required":false,"source":"component","description":"`dayjs` format to display input value","typeRef":359},{"name":"variant","required":false,"source":"component","literalValues":["default","filled","unstyled"],"typeRef":124},{"name":"withAsterisk","required":false,"source":"component","literalValues":[false,true],"description":"If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input.","typeRef":341},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"withErrorStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have red border and red text color when the `error` prop is set","typeRef":341},{"name":"withSuccessStyles","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the input should have green border when the `success` prop is set","typeRef":341},{"name":"wrapperProps","required":false,"source":"component","description":"Props passed down to the root element","typeRef":331},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[{"name":"dropdownType","reason":"Modal picker mode escapes the widget overlay boundary"},{"name":"modalProps","reason":"Modal picker configuration escapes the widget overlay boundary"}],"subcomponents":[],"bind":{"type":"string","initialProp":"defaultValue"},"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]},{"name":"YearsList","package":"@mantine/dates","category":"dates","safety":"wrapped","documentationUrl":"https://mantine.dev/dates/years-list/","props":[{"name":"align","required":false,"source":"component","literalValues":["center","left","right"],"typeRef":22},{"name":"attributes","required":false,"source":"component","typeRef":482},{"name":"color","required":false,"source":"component","typeRef":359},{"name":"decade","required":true,"source":"component","description":"Decade value to display","typeRef":359},{"name":"fullWidth","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether the list should take the full width of its container","typeRef":341},{"name":"locale","required":false,"source":"component","description":"Dayjs locale, defaults to value defined in DatesProvider","typeRef":359},{"name":"maxDate","required":false,"source":"component","description":"Maximum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"minDate","required":false,"source":"component","description":"Minimum possible date in `YYYY-MM-DD` format or Date object","typeRef":362},{"name":"size","required":false,"source":"component","literalValues":["lg","md","sm","xl","xs"],"description":"Component size","typeRef":81},{"name":"unstyled","required":false,"source":"component","literalValues":[false,true],"typeRef":341},{"name":"variant","required":false,"source":"component","typeRef":359},{"name":"withCellSpacing","required":false,"source":"component","literalValues":[false,true],"description":"Determines whether controls should be separated","typeRef":341},{"name":"yearsListFormat","required":false,"source":"component","description":"dayjs format for years list","typeRef":359}],"blockedProps":[],"subcomponents":[],"accessibilityRequirements":["Include a textual date when the visual calendar carries meaning."]}]} diff --git a/apps/nextjs/package.json b/apps/nextjs/package.json index 07917bdc5..433dc7a7e 100644 --- a/apps/nextjs/package.json +++ b/apps/nextjs/package.json @@ -55,6 +55,7 @@ "@mantine/colors-generator": "catalog:", "@mantine/core": "catalog:", "@mantine/dropzone": "catalog:", + "@mantine/form": "catalog:", "@mantine/hooks": "catalog:", "@mantine/modals": "catalog:", "@mantine/tiptap": "catalog:", diff --git a/apps/nextjs/src/app/[locale]/manage/custom-widgets/_copy-ai-prompt-button.spec.tsx b/apps/nextjs/src/app/[locale]/manage/custom-widgets/_copy-ai-prompt-button.spec.tsx index 60ffadf1f..64ecf48bb 100644 --- a/apps/nextjs/src/app/[locale]/manage/custom-widgets/_copy-ai-prompt-button.spec.tsx +++ b/apps/nextjs/src/app/[locale]/manage/custom-widgets/_copy-ai-prompt-button.spec.tsx @@ -95,7 +95,7 @@ describe("CopyAiPromptButton", () => { }); }); - test("copies the complete offline bundle and reports its exact character count", async () => { + test("copies the complete embedded skill and reports its exact character count", async () => { await act(async () => { root.render( @@ -120,10 +120,26 @@ describe("CopyAiPromptButton", () => { const prompt = writeText.mock.calls[0]?.[0] as string; expect(prompt.startsWith("Please create this Homarr Custom JSX v2 widget:\n\nCreate a Pokédex")).toBe(true); + expect(prompt).toContain("# Homarr Custom Widget offline authoring bundle"); + expect(prompt).toContain("--- BEGIN SKILL FILE: SKILL.md ---"); + expect(prompt).toContain("--- BEGIN SKILL FILE: references/widget-schema.json ---"); + expect(prompt).toContain("--- BEGIN CANONICAL COMPONENT CATALOG ---"); + expect(prompt).toContain("--- BEGIN CANONICAL RUNTIME EXAMPLES ---"); + expect(prompt.length).toBeGreaterThan(500_000); + expect(prompt.length).toBeLessThanOrEqual(1_700_000); expect(prompt.endsWith(`${CUSTOM_WIDGET_OFFLINE_BUNDLE_SENTINEL}\nCharacters: ${prompt.length}`)).toBe(true); expect(showSuccessNotification).toHaveBeenCalledWith({ title: "action.copyAiPrompt", message: `notification.aiPromptCopiedWithCount:${prompt.length}`, }); }); + + test("places the AI authoring card before General information", async () => { + const source = await readFile( + resolve(process.cwd(), "apps/nextjs/src/app/[locale]/manage/custom-widgets/_custom-widget-form.tsx"), + "utf8", + ); + + expect(source.indexOf(" vi.fn()); @@ -64,4 +64,23 @@ describe("Custom Widget workbench preview options", () => { { path: "configuration.environmentId", message: "Expected number" }, ]); }); + + it("normalizes only changed secrets for save and preview", () => { + expect( + getChangedSecrets({ + name: "Widget", + description: "", + iconUrl: "", + sources: "[]", + requests: "[]", + optionsSchema: "{}", + defaultOptions: "{}", + template: "", + secrets: [ + { sourceId: "default", kind: "apiKey", value: "", hasValue: true }, + { sourceId: "other", kind: "password", value: "replacement" }, + ], + }), + ).toEqual([{ sourceId: "other", kind: "password", value: "replacement" }]); + }); }); diff --git a/apps/nextjs/src/app/[locale]/manage/custom-widgets/_custom-widget-form-utils.ts b/apps/nextjs/src/app/[locale]/manage/custom-widgets/_custom-widget-form-utils.ts index 6d3a2a492..a32f5412a 100644 --- a/apps/nextjs/src/app/[locale]/manage/custom-widgets/_custom-widget-form-utils.ts +++ b/apps/nextjs/src/app/[locale]/manage/custom-widgets/_custom-widget-form-utils.ts @@ -24,6 +24,16 @@ export function buildDefinition(values: CustomWidgetFormValues) { }); } +export function getChangedSecrets(values: CustomWidgetFormValues) { + return values.secrets + .filter((secret) => secret.value.trim()) + .map(({ sourceId, kind, value }) => ({ + sourceId, + kind: kind as "apiKey" | "username" | "password", + value, + })); +} + export function applyDefinition(form: CustomWidgetWorkbenchForm, widget: HomarrCustomWidgetV2) { form.setValues({ ...form.values, diff --git a/apps/nextjs/src/app/[locale]/manage/custom-widgets/_custom-widget-form.tsx b/apps/nextjs/src/app/[locale]/manage/custom-widgets/_custom-widget-form.tsx index 78cdbea73..3897386e3 100644 --- a/apps/nextjs/src/app/[locale]/manage/custom-widgets/_custom-widget-form.tsx +++ b/apps/nextjs/src/app/[locale]/manage/custom-widgets/_custom-widget-form.tsx @@ -165,6 +165,14 @@ export function CustomWidgetForm({ mode, initialValues, definitionId }: CustomWi
+ void pasteAiResponse()} + />