1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,819559,(e,t,a)=>{t.exports=JSON.parse('{"Accordion":{"props":{"chevron":{"defaultValue":null,"description":"Custom chevron icon","name":"chevron","required":false,"type":{"name":"React.ReactNode"}},"chevronIconSize":{"defaultValue":"16","description":"Size of the default chevron icon. Ignored when <code>chevron</code> prop is set. Use <code>chevronSize</code> instead when using custom chevron.","name":"chevronIconSize","required":false,"type":{"name":"string | number"}},"chevronPosition":{"defaultValue":"right","description":"Position of the chevron relative to the item label","name":"chevronPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"AccordionChevronPosition | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"chevronSize":{"defaultValue":"auto","description":"Size of the chevron icon container","name":"chevronSize","required":false,"type":{"name":"string | number"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"string | string[] | null"}},"disableChevronRotation":{"defaultValue":"false","description":"If set, chevron rotation is disabled","name":"disableChevronRotation","required":false,"type":{"name":"boolean"}},"disableCollapse":{"defaultValue":"false","description":"If set, the open item cannot be collapsed by clicking it again, so one item always stays open. Only applies when <code>multiple</code> is <code>false</code>.","name":"disableCollapse","required":false,"type":{"name":"boolean"}},"keepMounted":{"defaultValue":"true","description":"If set to <code>false</code>, panels are unmounted when collapsed. By default, panels stay mounted when collapsed.","name":"keepMounted","required":false,"type":{"name":"boolean"}},"keepMountedMode":{"defaultValue":"\'activity\'","description":"Controls how inactive panels content is hidden when <code>keepMounted</code> is <code>true</code>, <code>\'activity\'</code> â hidden with <code>Activity</code> component, <code>\'display-none\'</code> â hidden with <code>display: none</code> styles","name":"keepMountedMode","required":false,"type":{"name":"\\"activity\\" | \\"display-none\\"","raw":"\\"activity\\" | \\"display-none\\" | undefined","value":[{"value":"undefined"},{"value":"\\"activity\\""},{"value":"\\"display-none\\""}]}},"loop":{"defaultValue":"true","description":"If set, arrow keys loop through items (first to last and last to first)","name":"loop","required":false,"type":{"name":"boolean"}},"multiple":{"defaultValue":"false","description":"If set, multiple items can be opened at the same time","name":"multiple","required":false,"type":{"name":"boolean"}},"onChange":{"defaultValue":null,"description":"Called when value changes, payload type depends on <code>multiple</code> prop","name":"onChange","required":false,"type":{"name":"(value: AccordionValue<Multiple>) => void"}},"order":{"defaultValue":null,"description":"Sets heading level (h2-h6) for <code>Accordion.Control</code> elements. Wraps each control in the corresponding heading tag, recommended to meet WAI-ARIA accessibility requirements. Has no visual effect.","name":"order","required":false,"type":{"name":"2 | 3 | 4 | 5 | 6","raw":"AccordionHeadingOrder | undefined","value":[{"value":"undefined"},{"value":"2"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius. Numbers are converted to rem.","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"transitionDuration":{"defaultValue":"200","description":"Transition duration in ms","name":"transitionDuration","required":false,"type":{"name":"number"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string | string[] | null"}}}},"ActionBar":{"props":{"aria-label":{"defaultValue":null,"description":"<code>aria-label</code> of the actions group, <code>\'Actions\'</code> by default","name":"aria-label","required":false,"type":{"name":"string"}},"closeOnEscape":{"defaultValue":null,"description":"Determines whether the action bar should be closed when <code>Escape</code> key is pressed, <code>false</code> by default","name":"closeOnEscape","required":false,"type":{"name":"boolean"}},"keepMounted":{"defaultValue":null,"description":"If set, the component uses <code>display: none</code> to hide the root element instead of removing the DOM node, <code>false</code> by default","name":"keepMounted","required":false,"type":{"name":"boolean"}},"onClose":{"defaultValue":null,"description":"Called when close button is clicked or Escape is pressed","name":"onClose","required":false,"type":{"name":"() => void"}},"opened":{"defaultValue":null,"description":"Controls visibility","name":"opened","required":true,"type":{"name":"boolean"}},"portalProps":{"defaultValue":null,"description":"Props passed down to the <code>Portal</code> component. Ignored when <code>withinPortal</code> is <code>false</code>.","name":"portalProps","required":false,"type":{"name":"BasePortalProps"}},"position":{"defaultValue":"{ bottom: 0, right: 0 }","description":"Affix position on screen","name":"position","required":false,"type":{"name":"AffixPosition"}},"radius":{"defaultValue":null,"description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"shadow":{"defaultValue":null,"description":"Key of <code>theme.shadows</code> or any valid CSS <code>
1box-shadow</code> value","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"transitionProps":{"defaultValue":null,"description":"Props passed down to the <code>Transition</code> component, <code>{ transition: \'pop\', duration: 200 }</code> by default","name":"transitionProps","required":false,"type":{"name":"TransitionProps"}},"withBorder":{"defaultValue":null,"description":"Adds border to the root element","name":"withBorder","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":"true","description":"Determines whether the component is rendered within <code>Portal</code>","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":"200","description":"Root element <code>z-index</code> property","name":"zIndex","required":false,"type":{"name":"React.CSSProperties[\\"zIndex\\"]"}}}},"ActionIcon":{"props":{"autoContrast":{"defaultValue":null,"description":"If set, adjusts text color based on background color for <code>filled</code> variant","name":"autoContrast","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Icon element","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color.","name":"color","required":false,"type":{"name":"MantineColor"}},"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute, prevents interactions","name":"disabled","required":false,"type":{"name":"boolean"}},"gradient":{"defaultValue":"theme.defaultGradient","description":"Gradient values used with <code>variant=\\"gradient\\"</code>.","name":"gradient","required":false,"type":{"name":"MantineGradient"}},"loaderProps":{"defaultValue":null,"description":"Props passed down to the <code>Loader</code> component. Ignored when <code>loading</code> prop is not set.","name":"loaderProps","required":false,"type":{"name":"LoaderProps"}},"loading":{"defaultValue":null,"description":"If set, <code>Loader</code> component is displayed instead of the <code>children</code>","name":"loading","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius. Numbers are converted to rem.","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":"\'md\'","description":"Controls width and height of the button. Numbers are converted to rem.","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {}) | \\"input-xs\\" | \\"input-sm\\" | \\"input-md\\" | \\"input-lg\\" | \\"input-xl\\""}}}},"Affix":{"props":{"portalProps":{"defaultValue":null,"description":"Props passed down to the <code>Portal</code> component. Ignored when <code>withinPortal</code> is <code>false</code>.","name":"portalProps","required":false,"type":{"name":"BasePortalProps"}},"position":{"defaultValue":"{ bottom: 0, right: 0 }","description":"Affix position on screen","name":"position","required":false,"type":{"name":"AffixPosition"}},"withinPortal":{"defaultValue":"true","description":"Determines whether the component is rendered within <code>Portal</code>","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":"200","description":"Root element <code>z-index</code> property","name":"zIndex","required":false,"type":{"name":"React.CSSProperties[\\"zIndex\\"]"}}}},"Alert":{"props":{"autoContrast":{"defaultValue":null,"description":"If set, adjusts text color based on background color for <code>filled</code> variant","name":"autoContrast","required":false,"type":{"name":"boolean"}},"closeButtonLabel":{"defaultValue":null,"description":"Close button <code>aria-label</code>","name":"closeButtonLabel","required":false,"type":{"name":"string"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color","name":"color","required":false,"type":{"name":"MantineColor"}},"icon":{"defaultValue":null,"description":"Icon displayed next to the title","name":"icon","required":false,"type":{"name":"React.ReactNode"}},"onClose":{"defaultValue":null,"description":"Called when the close button is clicked","name":"onClose","required":false,"type":{"name":"() => void"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"title":{"defaultValue":null,"description":"Alert title","name":"title","required":false,"type":{"name":"React.ReactNode"}},"withCloseButton":{"defaultValue":"false","description":"Determines whether close button should be displayed","
1name":"withCloseButton","required":false,"type":{"name":"boolean"}}}},"Anchor":{"props":{"gradient":{"defaultValue":"theme.defaultGradient","description":"Gradient configuration, ignored when <code>variant</code> is not <code>gradient</code>","name":"gradient","required":false,"type":{"name":"MantineGradient"}},"inherit":{"defaultValue":"false","description":"Determines whether font properties should be inherited from the parent","name":"inherit","required":false,"type":{"name":"boolean"}},"inline":{"defaultValue":"false","description":"Sets <code>line-height</code> to 1 for centering","name":"inline","required":false,"type":{"name":"boolean"}},"lineClamp":{"defaultValue":null,"description":"Number of lines after which Text will be truncated","name":"lineClamp","required":false,"type":{"name":"number"}},"size":{"defaultValue":"\'md\'","description":"Controls <code>font-size</code> and <code>line-height</code>","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"textWrap":{"defaultValue":null,"description":"Controls <code>text-wrap</code> CSS property","name":"textWrap","required":false,"type":{"name":"\\"wrap\\" | \\"nowrap\\" | \\"balance\\" | \\"pretty\\" | \\"stable\\"","raw":"\\"wrap\\" | \\"nowrap\\" | \\"balance\\" | \\"pretty\\" | \\"stable\\" | undefined","value":[{"value":"undefined"},{"value":"\\"wrap\\""},{"value":"\\"nowrap\\""},{"value":"\\"balance\\""},{"value":"\\"pretty\\""},{"value":"\\"stable\\""}]}},"truncate":{"defaultValue":null,"description":"Side on which Text must be truncated, if <code>true</code>, text is truncated from the start","name":"truncate","required":false,"type":{"name":"TextTruncate"}},"underline":{"defaultValue":"hover","description":"Defines when <code>text-decoration: underline</code> styles are applied.","name":"underline","required":false,"type":{"name":"\\"always\\" | \\"hover\\" | \\"not-hover\\" | \\"never\\"","raw":"\\"always\\" | \\"hover\\" | \\"not-hover\\" | \\"never\\" | undefined","value":[{"value":"undefined"},{"value":"\\"always\\""},{"value":"\\"hover\\""},{"value":"\\"not-hover\\""},{"value":"\\"never\\""}]}}}},"AngleSlider":{"props":{"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"number"}},"disabled":{"defaultValue":null,"description":"Sets <code>data-disabled</code> attribute, disables interactions","name":"disabled","required":false,"type":{"name":"boolean"}},"formatLabel":{"defaultValue":null,"description":"A function to format label based on the current value","name":"formatLabel","required":false,"type":{"name":"(value: number) => ReactNode"}},"hiddenInputProps":{"defaultValue":null,"description":"Props passed down to the hidden input","name":"hiddenInputProps","required":false,"type":{"name":"React.ComponentProps<\\"input\\">"}},"marks":{"defaultValue":null,"description":"Array of marks displayed on the slider","name":"marks","required":false,"type":{"name":"{ value: number; label?: string; }[] | undefined"}},"name":{"defaultValue":null,"description":"Hidden input name, use with uncontrolled component","name":"name","required":false,"type":{"name":"string"}},"onChange":{"defaultValue":null,"description":"Called on value change","name":"onChange","required":false,"type":{"name":"(value: number) => void"}}
1,"onChangeEnd":{"defaultValue":null,"description":"Called after the selection is finished","name":"onChangeEnd","required":false,"type":{"name":"(value: number) => void"}},"onScrubEnd":{"defaultValue":null,"description":"Called in <code>onMouseUp</code> and <code>onTouchEnd</code>","name":"onScrubEnd","required":false,"type":{"name":"() => void"}},"onScrubStart":{"defaultValue":null,"description":"Called in <code>onMouseDown</code> and <code>onTouchStart</code>","name":"onScrubStart","required":false,"type":{"name":"() => void"}},"restrictToMarks":{"defaultValue":"false","description":"If set, the selection is allowed only from the given marks array","name":"restrictToMarks","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":"60","description":"Slider size in px","name":"size","required":false,"type":{"name":"number"}},"step":{"defaultValue":"1","description":"Step between values","name":"step","required":false,"type":{"name":"number"}},"thumbSize":{"defaultValue":null,"description":"Size of the thumb in px. Calculated based on the <code>size</code>
1 value by default.","name":"thumbSize","required":false,"type":{"name":"number"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"number"}},"withLabel":{"defaultValue":"true","description":"If set, the label is displayed inside the slider","name":"withLabel","required":false,"type":{"name":"boolean"}}}},"AppShell":{"props":{"aside":{"defaultValue":null,"description":"<code>Aside</code> configuration, controls width, breakpoints and collapsed state. Required if you use <code>Aside</code> component.","name":"aside","required":false,"type":{"name":"AppShellAsideConfiguration"}},"disabled":{"defaultValue":null,"description":"If set, <code>Navbar</code>, <code>Aside</code>, <code>Header</code> and <code>Footer</code> components are hidden","name":"disabled","required":false,"type":{"name":"boolean"}},"footer":{"defaultValue":null,"description":"<code>Footer</code> configuration, controls height, offset and collapsed state. Required if you use <code>Footer</code> component.","name":"footer","required":false,"type":{"name":"AppShellFooterConfiguration"}},"header":{"defaultValue":null,"description":"<code>Header</code>
1 configuration, controls height, offset and collapsed state. Required if you use <code>Header</code> component.","name":"header","required":false,"type":{"name":"AppShellHeaderConfiguration"}},"layout":{"defaultValue":null,"description":"Determines how <code>Navbar</code>/<code>Aside</code> are arranged relative to <code>Header</code>/<code>Footer</code>","name":"layout","required":false,"type":{"name":"\\"default\\" | \\"alt\\"","raw":"\\"default\\" | \\"alt\\" | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"alt\\""}]}},"mode":{"defaultValue":"\'fixed\'","description":"Determines positioning mode of all sections","name":"mode","required":false,"type":{"name":"\\"fixed\\" | \\"static\\"","raw":"\\"fixed\\" | \\"static\\" | undefined","value":[{"value":"undefined"},{"value":"\\"fixed\\""},{"value":"\\"static\\""}]}},"navbar":{"defaultValue":null,"description":"<code>Navbar</code> configuration, controls width, breakpoints and collapsed state. Required if you use <code>Navbar</code> component.","name":"navbar","required":false,"type":{"name":"AppShellNavbarConfiguration"}},"offsetScrollbars":{"defaultValue":"true","description":"If set, <code>Header</code> and <code>Footer</code> components include styles to offset scrollbars. Based on <code>react-remove-scroll</code>.","name":"offsetScrollbars","required":false,"type":{"name":"boolean"}},"padding":{"defaultValue":"0","description":"Padding of the main section. Important: use <code>padding</code> prop instead of <code>p</code>.","name":"padding","required":false,"type":{"name":"MantineSpacing | AppShellResponsiveSize"}},"transitionDuration":{"defaultValue":"200","description":"Duration of all transitions in ms","name":"transitionDuration","required":false,"type":{"name":"number"}},"transitionTimingFunction":{"defaultValue":"ease","description":"Timing function of all transitions","name":"transitionTimingFunction","required":false,"type":{"name":"TransitionTimingFunction"}},"withBorder":{"defaultValue":"true","description":"If set, the associated components have a border","name":"withBorder","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":"100","description":"<code>z-index</code> of all associated elements","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"AspectRatio":{"props":{"ratio":{"defaultValue":"1","description":"Aspect ratio, for example, <code>16 / 9</code>, <code>4 / 3</code>, <code>1920 / 1080</code>","name":"ratio","required":false,"type":{"name":"number"}}}},"Autocomplete":{"props":{"autoSelectOnBlur":{"defaultValue":"false","description":"If set, the highlighted option is selected when the input loses focus","name":"autoSelectOnBlur","required":false,"type":{"name":"boolean"}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to the clear button","name":"clearButtonProps","required":false,"type":{"name":"InputClearButtonProps"}},"clearSectionMode":{"defaultValue":"\'both\'","description":"Determines how the clear button and rightSection are rendered","name":"clearSectionMode","required":false,"type":{"name":"ClearSectionMode","raw":"ClearSectionMode | undefined","value":[{"value":"undefined"},{"value":"\\"both\\""},{"value":"\\"rightSection\\""},{"value":"\\"clear\\""}]}},"clearable":{"defaultValue":"false","description":"If set, the clear button is displayed when the component has a value","name":"clearable","required":false,"type":{"name":"boolean"}},"comboboxProps":{"defaultValue":null,"description":"Props passed down to <code>Combobox</code> component","name":"comboboxProps","required":false,"type":{"name":"ComboboxProps"}},"data":{"defaultValue":null,"description":"Data used to display options. Values must be unique.","name":"data","required":false,"type":{"name":"ComboboxGenericData"}},"defaultDropdownOpened":{"defaultValue":null,"description":"Uncontrolled dropdown initial opened state","name":"defaultDropdownOpened","required":false,"type":{"name":"boolean"}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"string"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}}
1,"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownOpened":{"defaultValue":null,"description":"Controlled dropdown opened state","name":"dropdownOpened","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"filter":{"defaultValue":null,"description":"Function based on which items are filtered and sorted","name":"filter","required":false,"type":{"name":"OptionsFilter<string>"}},"floatingHeight":{"defaultValue":null,"description":"If set to <code>\'viewport\'</code>, the dropdown grows to fill the available vertical space in the viewport. Disables the <code>flip</code> middleware.","name":"floatingHeight","required":false,"type":{"name":"\\"viewport\\"","raw":"\\"viewport\\" | undefined","value":[{"value":"undefined"},{"value":"\\"viewport\\""}]}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"limit":{"defaultValue":null,"description":"Maximum number of options displayed at a time, <code>Infinity</code> by default","name":"limit","required":false,"type":{"name":"number"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"maxDropdownHeight":{"defaultValue":null,"description":"<code>max-height</code> of the dropdown, only applicable when <code>withScrollArea</code> prop is <code>true</code>, <code>220</code> by default","name":"maxDropdownHeight","required":false,"type":{"name":"string | number"}}
1,"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: string) => void"}},"onClear":{"defaultValue":null,"description":"Called when the clear button is clicked","name":"onClear","required":false,"type":{"name":"() => void"}},"onDropdownClose":{"defaultValue":null,"description":"Called when dropdown closes","name":"onDropdownClose","required":false,"type":{"name":"() => void"}},"onDropdownOpen":{"defaultValue":null,"description":"Called when dropdown opens","name":"onDropdownOpen","required":false,"type":{"name":"() => void"}},"onOptionSubmit":{"defaultValue":null,"description":"Called when option is submitted from dropdown with mouse click or <code>Enter</code> key","name":"onOptionSubmit","required":false,"type":{"name":"(value: string) => void"}},"openOnFocus":{"defaultValue":"true","description":"If set, the dropdown opens when the input receives focus","name":"openOnFocus","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"renderOption":{"defaultValue":null,"description":"Function to render custom option content","name":"renderOption","required":false,"type":{"name":"RenderAutocompleteOption"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"scrollAreaProps":{"defaultValue":null,"description":"Props passed to the underlying <code>ScrollArea</code> component in the dropdown","name":"scrollAreaProps","required":false,"type":{"name":"ScrollAreaProps"}},"selectFirstOptionOnChange":{"defaultValue":null,"description":"If set, the first option is selected when value changes, <code>false</code> by default","name":"selectFirstOptionOnChange","required":false,"type":{"name":"boolean"}},"selectFirstOptionOnDropdownOpen":{"defaultValue":null,"description":"If set, the first option is selected when dropdown opens, <code>false</code> by default","name":"selectFirstOptionOnDropdownOpen","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withScrollArea":{"defaultValue":null,"description":"Determines whether the options should be wrapped with <code>ScrollArea.AutoSize</code>, <code>true</code> by default","name":"withScrollArea","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"Avatar":{"props":{"allowedInitialsColors":{"defaultValue":null,"description":"A list of colors that is used for autogenerated initials. By default, all default Mantine colors can be used except gray and dark.","name":"allowedInitialsColors","required":false,"type":{"name":"DefaultMantineColor[]"}},"alt":{"defaultValue":null,"description":"Image <code>alt</code> attribute, also used as <code>title</code> attribute for placeholder","name":"alt","required":false,"type":{"name":"string"}},"autoContrast":{"defaultValue":null,"description":"If set, adjusts text color based on background color for <code>filled</code> variant","name":"autoContrast","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Avatar placeholder, displayed when <code>src={null}</code> or when the image cannot be loaded","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":"\'gray\'","description":"Key of <code>theme.colors</code> or any valid CSS color","name":"color","required":false,"type":{"name":"DefaultMantineColor | \\"initials\\""}},"gradient":{"defaultValue":"theme.defaultGradient","description":"Gradient configuration for <code>variant=\\"gradient\\"</code>","name":"gradient","required":false,"type":{"name":"MantineGradient"}},"imageProps":{"defaultValue":null,"description":"Attributes passed down to <code>img</code> element","name":"imageProps","required":false,"type":{"name":"DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>"}},"name":{"defaultValue":null,"description":"Name of the user. When <code>src</code> is not set, used to display initials and to generate color when <code>color=\\"initials\\"</code> is set.","name":"name","required":false,"type":{"name":"string"}},"radius":{"defaultValue":"\'1000px\'","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":"\'md\'","description":"Width and height of the avatar, numbers are converted to rem","name":"size","required":false,"type":{"name":"MantineSize | number"}},"src":{"defaultValue":null,"description":"Image url, if the image cannot be loaded or <code>src={null}</code>, then placeholder is displayed instead","name":"src","required":false,"type":{"name":"string | null"}}}}
1,"BackgroundImage":{"props":{"radius":{"defaultValue":"0","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"src":{"defaultValue":null,"description":"Image url","name":"src","required":true,"type":{"name":"string"}}}},"Badge":{"props":{"autoContrast":{"defaultValue":null,"description":"If set, adjusts text color based on background color for <code>filled</code> variant","name":"autoContrast","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Main badge content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"circle":{"defaultValue":null,"description":"If set, badge <code>min-width</code> becomes equal to its <code>height</code> and horizontal padding is removed","name":"circle","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color","name":"color","required":false,"type":{"name":"MantineColor"}},"fullWidth":{"defaultValue":"false","description":"Determines whether Badge should take 100% of its parent width","name":"fullWidth","required":false,"type":{"name":"boolean"}},"gradient":{"defaultValue":"theme.defaultGradient","description":"Gradient configuration used when <code>variant=\\\\\\"gradient\\\\\\"</code>","name":"gradient","required":false,"type":{"name":"MantineGradient"}},"leftSection":{"defaultValue":null,"description":"Content displayed on the left side of the badge label","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"radius":{"defaultValue":"\'xl\'","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"rightSection":{"defaultValue":null,"description":"Content displayed on the right side of the badge label","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"size":{"defaultValue":"\'md\'","description":"Controls <code>font-size</code>, <code>height</code> and horizontal <code>padding</code>","name":"size","required":false,"type":{"name":"MantineSize"}}}},"Blockquote":{"props":{"cite":{"defaultValue":null,"description":"Reference to a cited quote","name":"cite","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color","name":"color","required":false,"type":{"name":"MantineColor"}},"icon":{"defaultValue":null,"description":"Blockquote icon, displayed at the top left side","name":"icon","required":false,"type":{"name":"React.ReactNode"}},"iconSize":{"defaultValue":"40","description":"Controls icon <code>width</code> and <code>height</code>, numbers are converted to rem","name":"iconSize","required":false,"type":{"name":"string | number"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"textWrap":{"defaultValue":null,"description":"Controls <code>text-wrap</code> CSS property","name":"textWrap","required":false,"type":{"name":"\\"wrap\\" | \\"nowrap\\" | \\"balance\\" | \\"pretty\\" | \\"stable\\"","raw":"\\"wrap\\" | \\"nowrap\\" | \\"balance\\" | \\"pretty\\" | \\"stable\\" | undefined","value":[{"value":"undefined"},{"value":"\\"wrap\\""},{"value":"\\"nowrap\\""},{"value":"\\"balance\\""},{"value":"\\"pretty\\""},{"value":"\\"stable\\""}]}}}},"Breadcrumbs":{"props":{"children":{"defaultValue":null,"description":"React nodes that should be separated with <code>separator</code>","name":"children","required":true,"type":{"name":"React.ReactNode"}},"separator":{"defaultValue":"\'/\'","description":"Separator between children","name":"separator","required":false,"type":{"name":"React.ReactNode"}},"separatorMargin":{"defaultValue":"\'xs\'","description":"Controls spacing between separator and breadcrumb","name":"separatorMargin","required":false,"type":{"name":"MantineSpacing"}}}},"Burger":{"props":{"color":{"defaultValue":null,"description":"Key of <code>theme.colors</code> of any valid CSS value, by default <code>theme.white</code>
1 in dark color scheme and <code>theme.black</code> in light","name":"color","required":false,"type":{"name":"MantineColor"}},"lineSize":{"defaultValue":null,"description":"Controls height of lines, by default calculated based on <code>size</code> prop","name":"lineSize","required":false,"type":{"name":"string | number"}},"opened":{"defaultValue":"false","description":"State of the burger, when <code>true</code> burger is transformed into X","name":"opened","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":"\'md\'","description":"Controls burger <code>width</code> and <code>height</code>, numbers are converted to rem","name":"size","required":false,"type":{"name":"MantineSize | number"}},"transitionDuration":{"defaultValue":"300","description":"<code>transition-duration</code> property value in ms","name":"transitionDuration","required":false,"type":{"name":"number"}},"transitionTimingFunction":{"defaultValue":"\'ease\'","description":"<code>transition-timing-function</code> property value","name":"transitionTimingFunction","required":false,"type":{"name":"string"}}}},"Button":{"props":{"autoContrast":{"defaultValue":null,"description":"If set, adjusts text color based on background color for <code>filled</code> variant","name":"autoContrast","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Button content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color","name":"color","required":false,"type":{"name":"MantineColor"}},"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute, applies disabled styles","name":"disabled","required":false,"type":{"name":"boolean"}},"fullWidth":{"defaultValue":"false","description":"Sets <code>width: 100%</code>","name":"fullWidth","required":false,"type":{"name":"boolean"}},"gradient":{"defaultValue":"theme.defaultGradient","description":"Gradient configuration used for <code>variant=\\"gradient\\"</code>","name":"gradient","required":false,"type":{"name":"MantineGradient"}},"justify":{"defaultValue":"\'center\'","description":"Sets <code>justify-content</code> of <code>inner</code> element, can be used to change distribution of sections and label","name":"justify","required":false,"type":{"name":"JustifyContent"}},"leftSection":{"defaultValue":null,"description":"Content on the left side of the button label","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"loaderProps":{"defaultValue":null,"description":"Props added to the <code>Loader</code> component (only visible when <code>loading</code> prop is set)","name":"loaderProps","required":false,"type":{"name":"LoaderProps"}},"loading":{"defaultValue":null,"description":"If set, the <code>Loader</code> component is displayed over the button","name":"loading","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"rightSection":{"defaultValue":null,"description":"Content on the right side of the button label","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"size":{"defaultValue":"\'sm\'","description":"Controls button <code>height</code>, <code>font-size</code> and horizontal <code>padding</code>","name":"size","required":false,"type":{"name":"ButtonSize"}}}},"Card":{"props":{"children":{"defaultValue":null,"description":"Card content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"orientation":{"defaultValue":"\'vertical\'","description":"Card orientation","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"padding":{"defaultValue":"\'md\'","description":"Key of <code>theme.spacing</code> or any valid CSS value to set padding","name":"padding","required":false,"type":{"name":"MantineSpacing"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"shadow":{"defaultValue":null,"description":"Key of <code>theme.shadows</code> or any valid CSS value to set <code>
1box-shadow</code>","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"withBorder":{"defaultValue":null,"description":"Adds border to the card","name":"withBorder","required":false,"type":{"name":"boolean"}}}},"Cascader":{"props":{"allowDeselect":{"defaultValue":"true","description":"If set, the selected value can be deselected by selecting it again","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"changeOnSelect":{"defaultValue":"false","description":"If set, any intermediate option can be selected, not only leaf options","name":"changeOnSelect","required":false,"type":{"name":"boolean"}},"checkIconPosition":{"defaultValue":"\'right\'","description":"Position of the check icon relative to the option label","name":"checkIconPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"chevronColor":{"defaultValue":null,"description":"Controls the default chevron color","name":"chevronColor","required":false,"type":{"name":"MantineColor"}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to the clear button","name":"clearButtonProps","required":false,"type":{"name":"InputClearButtonProps"}},"clearSectionMode":{"defaultValue":"\'both\'","description":"Determines how the clear button and <code>rightSection</code> are rendered","name":"clearSectionMode","required":false,"type":{"name":"ClearSectionMode","raw":"ClearSectionMode | undefined","value":[{"value":"undefined"},{"value":"\\"both\\""},{"value":"\\"rightSection\\""},{"value":"\\"clear\\""}]}},"clearable":{"defaultValue":"false","description":"If set, the clear button is displayed when a value is selected","name":"clearable","required":false,"type":{"name":"boolean"}},"closeOnSelect":{"defaultValue":null,"description":"Determines whether the dropdown should be closed when a value is selected, defaults to <code>!allowDeselect</code>","name":"closeOnSelect","required":false,"type":{"name":"boolean"}},"columnWidth":{"defaultValue":null,"description":"Width of each column","name":"columnWidth","required":false,"type":{"name":"string | number"}},"comboboxProps":{"defaultValue":null,"description":"Props passed down to the underlying <code>Combobox</code> component","name":"comboboxProps","required":false,"type":{"name":"Record<string, any>"}},"data":{"defaultValue":null,"description":"Hierarchical options data","name":"data","required":true,"type":{"name":"CascaderOption[]"}},"defaultDropdownOpened":{"defaultValue":null,"description":"Uncontrolled dropdown opened state","name":"defaultDropdownOpened","required":false,"type":{"name":"boolean"}},"defaultSearchValue":{"defaultValue":null,"description":"Uncontrolled search value","name":"defaultSearchValue","required":false,"type":{"name":"string"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled selected path from root to node","name":"defaultValue","required":false,"type":{"name":"string[] | null"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}},"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownOpened":{"defaultValue":null,"description":"Controlled dropdown opened state","name":"dropdownOpened","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"expandTrigger":{"defaultValue":"\'click\'","description":"Determines how the next column is opened","name":"expandTrigger","required":false,"type":{"name":"\\"hover\\" | \\"click\\"","raw":"\\"hover\\" | \\"click\\" | undefined","value":[{"value":"undefined"},{"value":"\\"hover\\""},{"value":"\\"click\\""}]}}
1,"filter":{"defaultValue":null,"description":"Custom search filter, matched against the full option path","name":"filter","required":false,"type":{"name":"(query: string, options: CascaderOption[]) => boolean"}},"formatValue":{"defaultValue":null,"description":"A function to format the selected path displayed in the input, should return a string","name":"formatValue","required":false,"type":{"name":"CascaderFormatValue"}},"hiddenInputProps":{"defaultValue":null,"description":"Props passed down to the hidden input","name":"hiddenInputProps","required":false,"type":{"name":"React.ComponentProps<\\"input\\">"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"maxDisplayedLevels":{"defaultValue":"3","description":"Maximum number of columns (levels) displayed next to each other, deeper levels replace earlier ones","name":"maxDisplayedLevels","required":false,"type":{"name":"number"}},"maxDropdownHeight":{"defaultValue":"260","description":"Max height of a column before it becomes scrollable","name":"maxDropdownHeight","required":false,"type":{"name":"string | number"}},"nextLevelsControlLabel":{"defaultValue":"\'Show next levels\'","description":"<code>aria-label</code> and <code>title</code> of the control that reveals levels hidden after the visible ones by <code>maxDisplayedLevels</code>","name":"nextLevelsControlLabel","required":false,"type":{"name":"string"}},"nothingFoundMessage":{"defaultValue":null,"description":"Message displayed when there are no options or search results","name":"nothingFoundMessage","required":false,"type":{"name":"React.ReactNode"}}
1,"onChange":{"defaultValue":null,"description":"Called when the selected path changes with the path and the resolved option chain","name":"onChange","required":false,"type":{"name":"(value: string[] | null, options: CascaderOption[]) => void"}},"onClear":{"defaultValue":null,"description":"Called when the clear button is clicked","name":"onClear","required":false,"type":{"name":"() => void"}},"onDropdownClose":{"defaultValue":null,"description":"Called when the dropdown closes","name":"onDropdownClose","required":false,"type":{"name":"() => void"}},"onDropdownOpen":{"defaultValue":null,"description":"Called when the dropdown opens","name":"onDropdownOpen","required":false,"type":{"name":"() => void"}},"onSearchChange":{"defaultValue":null,"description":"Called when the search value changes","name":"onSearchChange","required":false,"type":{"name":"(value: string) => void"}},"openOnFocus":{"defaultValue":"true","description":"Opens the dropdown when the input is focused in <code>searchable</code> mode","name":"openOnFocus","required":false,"type":{"name":"boolean"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"previousLevelsControlLabel":{"defaultValue":"\'Show previous levels\'","description":"<code>aria-label</code> and <code>title</code> of the control that reveals levels hidden before the visible ones by <code>maxDisplayedLevels</code>","name":"previousLevelsControlLabel","required":false,"type":{"name":"string"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"renderOption":{"defaultValue":null,"description":"Custom rendering of an option in columns","name":"renderOption","required":false,"type":{"name":"(option: CascaderOption, level: number) => ReactNode"}},"renderSearchOption":{"defaultValue":null,"description":"Custom rendering of a search result row","name":"renderSearchOption","required":false,"type":{"name":"(query: string, options: CascaderOption[]) => ReactNode"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"safeAreaPolygon":{"defaultValue":"true","description":"Determines whether the next column stays open while the cursor moves toward it, applicable only when <code>expandTrigger=\\"hover\\"</code>. Pass an object to configure safe polygon behavior.","name":"safeAreaPolygon","required":false,"type":{"name":"boolean | Cascader
1SafeAreaPolygonOptions"}},"scrollAreaProps":{"defaultValue":null,"description":"Props passed down to the dropdown <code>ScrollArea</code>","name":"scrollAreaProps","required":false,"type":{"name":"ScrollAreaProps"}},"searchValue":{"defaultValue":null,"description":"Controlled search value","name":"searchValue","required":false,"type":{"name":"string"}},"searchable":{"defaultValue":"false","description":"If set, options can be searched by their flattened paths","name":"searchable","required":false,"type":{"name":"boolean"}},"separator":{"defaultValue":"\'/\'","description":"Path separator displayed in the input and search results","name":"separator","required":false,"type":{"name":"React.ReactNode"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"value":{"defaultValue":null,"description":"Controlled selected path from root to node","name":"value","required":false,"type":{"name":"string[] | null"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withCheckIcon":{"defaultValue":"true","description":"If set, the check icon is displayed on the selected option","name":"withCheckIcon","required":false,"type":{"name":"boolean"}},"withColumns":{"defaultValue":"true","description":"Renders the dropdown as cascading columns. When <code>false</code>, options are rendered as a flat list of paths, the same way as search results (useful for narrow/mobile layouts)","name":"withColumns","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"Center":{"props":{"children":{"defaultValue":null,"description":"Content to center","name":"children","required":false,"type":{"name":"React.ReactNode"}},"inline":{"defaultValue":null,"description":"If set, <code>inline-flex</code> is used instead of <code>flex</code>","name":"inline","required":false,"type":{"name":"boolean"}}}},"Checkbox":{"props":{"autoContrast":{"defaultValue":null,"description":"If set, adjusts icon color based on background color for <code>filled</code> variant","name":"autoContrast","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color to set input background color in checked state","name":"color","required":false,"type":{"name":"MantineColor"}},"description":{"defaultValue":null,"description":"Description below the label","name":"description","required":false,"type":{"name":"React.ReactNode"}},"error":{"defaultValue":null,"description":"Error message below the label","name":"error","required":false,"type":{"name":"React.ReactNode"}},"icon":{"defaultValue":null,"description":"Icon for checked or indeterminate state","name":"icon","required":false,"type":{"name":"CheckboxIconComponent"}},"iconColor":{"defaultValue":null,"description":"Key of <code>theme.colors</code> or any valid CSS color to set icon color. By default, depends on <code>theme.autoContrast</code>.","name":"iconColor","required":false,"type":{"name":"MantineColor"}},"id":{"defaultValue":null,"description":"Unique input id","name":"id","required":false,"type":{"name":"string"}},"indeterminate":{"defaultValue":null,"description":"Indeterminate state of the checkbox. If set, <code>checked</code> prop is dismissed.","name":"indeterminate","required":false,"type":{"name":"boolean"}},"label":{"defaultValue":null,"description":"<code>label</code> associated with the checkbox","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelPosition":{"defaultValue":"\'right\'","description":"Position of the label relative to the input","name":"labelPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"rootRef":{"defaultValue":null,"description":"Root element ref","name":"rootRef","required":false,"type":{"name":"Ref<HTMLDivElement>"}},"size":{"defaultValue":"\'sm\'","description":"Controls size of the component","name":"size","required":false,"type":{"name":"MantineSize"}},"withErrorStyles":{"defaultValue":"true","description":"If set, applies error styles to the checkbox when <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}}}},"Chip":{"props":{"autoContrast":{"defaultValue":null,"description":"If set, adjusts text color based on the chip background color for <code>filled</code> variant","name":"autoContrast","required":false,"type":{"name":"boolean"}},"checked":{"defaultValue":null,"description":"Controlled checked state","name":"checked","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"<code>label</code> element associated with the input","name":"children","required":true,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color.","name":"color","required":false,"type":{"name":"MantineColor"}},"defaultChecked":{"defaultValue":null,"description":"Uncontrolled checked state initial value","name":"defaultChecked","required":false,"type":{"name":"boolean"}},"icon":{"defaultValue":null,"description":"Any element or component to replace the default icon","name":"icon","required":false,"type":{"name":"React.ReactNode"}},"id":{"defaultValue":null,"description":"Unique input id, generated randomly if not provided","name":"id","required":false,"type":{"name":"string"}}
1,"onChange":{"defaultValue":null,"description":"Calls when checked state changes","name":"onChange","required":false,"type":{"name":"(checked: boolean) => void"}},"radius":{"defaultValue":"\'xl\'","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"rootRef":{"defaultValue":null,"description":"Assigns ref of the root element","name":"rootRef","required":false,"type":{"name":"Ref<HTMLDivElement>"}},"size":{"defaultValue":"\'sm\'","description":"Controls various properties related to the component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"type":{"defaultValue":"\'checkbox\'","description":"Chip input type","name":"type","required":false,"type":{"name":"\\"checkbox\\" | \\"radio\\"","raw":"\\"checkbox\\" | \\"radio\\" | undefined","value":[{"value":"undefined"},{"value":"\\"checkbox\\""},{"value":"\\"radio\\""}]}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}}}},"CloseButton":{"props":{"children":{"defaultValue":null,"description":"Content rendered inside the button. For example <code>VisuallyHidden</code> with label for screen readers.","name":"children","required":false,"type":{"name":"React.ReactNode"}},"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute, assigns disabled styles","name":"disabled","required":false,"type":{"name":"boolean"}},"icon":{"defaultValue":null,"description":"React node to replace the default close icon. If set, <code>iconSize</code> prop is ignored.","name":"icon","required":false,"type":{"name":"React.ReactNode"}},"iconSize":{"defaultValue":"70%","description":"<code>X</code> icon <code>width</code> and <code>height</code>","name":"iconSize","required":false,"type":{"name":"string | number"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius. Numbers are converted to rem.","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":"\'md\'","description":"Controls width and height of the button. Numbers are converted to rem.","name":"size","required":false,"type":{"name":"MantineSize | number"}}}},"Code":{"props":{"block":{"defaultValue":null,"description":"If set, code is rendered in <code>pre</code>","name":"block","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":null,"description":"Key of <code>theme.colors</code> or any valid CSS color, controls <code>background-color</code> of the code. By default, calculated based on the color scheme.","name":"color","required":false,"type":{"name":"MantineColor"}}}},"Collapse":{"props":{"animateOpacity":{"defaultValue":"true","description":"Determines whether the opacity is animated","name":"animateOpacity","required":false,"type":{"name":"boolean"}},"expanded":{"defaultValue":null,"description":"Expanded state","name":"expanded","required":true,"type":{"name":"boolean"}},"keepMounted":{"defaultValue":"true","description":"If set, the element is kept in the DOM when collapsed. When <code>true</code>, React 19 <code>Activity</code> is used to preserve state while collapsed. When <code>false</code>, the element is unmounted after the exit animation.","name":"keepMounted","required":false,"type":{"name":"boolean"}},"keepMountedMode":{"defaultValue":"\'activity\'","description":"Controls how the element is hidden when <code>keepMounted</code> is set:\\n<code>\'activity\'</code> â hidden with React 19 <code>Activity</code> component,\\n<code>\'display-none\'</code> â hidden with <code>display: none</code> styles","name":"keepMountedMode","required":false,"type":{"name":"\\"activity\\" | \\"display-none\\"","raw":"\\"activity\\" | \\"display-none\\" | undefined","value":[{"value":"undefined"},{"value":"\\"activity\\""},{"value":"\\"display-none\\""}]}},"onTransitionEnd":{"defaultValue":null,"description":"Called when the transition ends","name":"onTransitionEnd","required":false,"type":{"name":"() => void"}},"onTransitionStart":{"defaultValue":null,"description":"Called when transition starts","name":"onTransitionStart","required":false,"type":{"name":"() => void"}},"orientation":{"defaultValue":"\'vertical\'","description":"Collapse orientation","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"transitionDuration":{"defaultValue":"200","description":"Transition duration in ms","name":"transitionDuration","required":false,"type":{"name":"number"}},"transitionTimingFunction":{"defaultValue":"ease","description":"Transition timing function","name":"transitionTimingFunction","required":false,"type":{"name":"string"}}}}
1,"ColorInput":{"props":{"closeOnColorSwatchClick":{"defaultValue":"false","description":"If set, the dropdown is closed when one of the color swatches is clicked","name":"closeOnColorSwatchClick","required":false,"type":{"name":"boolean"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"string"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}},"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"disallowInput":{"defaultValue":null,"description":"If input is not allowed, the user can only pick value with color picker and swatches","name":"disallowInput","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"eyeDropperButtonProps":{"defaultValue":null,"description":"Props passed down to the eye dropper button","name":"eyeDropperButtonProps","required":false,"type":{"name":"Record<string, any>"}},"eyeDropperIcon":{"defaultValue":null,"description":"An icon to replace the default eye dropper icon","name":"eyeDropperIcon","required":false,"type":{"name":"React.ReactNode"}},"fixOnBlur":{"defaultValue":"true","description":"If set, the input value resets to the last known valid value when the input loses focus","name":"fixOnBlur","required":false,"type":{"name":"boolean"}},"format":{"defaultValue":"\'hex\'","description":"Color format. <code>hexa</code>, <code>rgba</code>, <code>hsla</code> values render alpha channel slider","name":"format","required":false,"type":{"name":"\'hex\' | \'hexa\' | \'rgba\' | \'rgb\' | \'hsl\' | \'hsla\'","raw":"ColorFormat | undefined","value":[{"value":"undefined"},{"value":"\\"hex\\""},{"value":"\\"hexa\\""},{"value":"\\"rgba\\""},{"value":"\\"rgb\\""},{"value":"\\"hsl\\""},{"value":"\\"hsla\\""}]}},"fullWidth":{"defaultValue":"false","description":"If set, the component takes 100% width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: string) => void"}}
1,"onChangeEnd":{"defaultValue":null,"description":"Called when the user stops dragging one of the sliders or changes the value with keyboard","name":"onChangeEnd","required":false,"type":{"name":"(value: string) => void"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"popoverProps":{"defaultValue":null,"description":"Props passed down to the <code>Popover</code> component","name":"popoverProps","required":false,"type":{"name":"PopoverProps"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"swatches":{"defaultValue":null,"description":"A list of colors used to display swatches list below the color picker","name":"swatches","required":false,"type":{"name":"string[]"}},"swatchesPerRow":{"defaultValue":"7","description":"Number of swatches per row","name":"swatchesPerRow","required":false,"type":{"name":"number"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withEyeDropper":{"defaultValue":"true","description":"If set, the eye dropper button is displayed in the right section","name":"withEyeDropper","required":false,"type":{"name":"boolean"}},"withPicker":{"defaultValue":"true","description":"If <code>false</code>, the component displays only swatches","name":"withPicker","required":false,"type":{"name":"boolean"}},"withPreview":{"defaultValue":"true","description":"If set, the preview color swatch is displayed in the left section of the input","name":"withPreview","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"ColorPicker":{"props":{"alphaLabel":{"defaultValue":null,"description":"Alpha slider <code>aria-label</code>","name":"alphaLabel","required":false,"type":{"name":"string"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"string"}},"focusable":{"defaultValue":"true","description":"If set, interactive elements (sliders thumbs and swatches) are focusable with keyboard","name":"focusable","required":false,"type":{"name":"boolean"}},"format":{"defaultValue":"\'hex\'","description":"Color format. <code>hexa</code>, <code>rgba</code>, <code>hsla</code> values render alpha channel slider","name":"format","required":false,"type":{"name":"\'hex\' | \'hexa\' | \'rgba\' | \'rgb\' | \'hsl\' | \'hsla\'","raw":"ColorFormat | undefined","value":[{"value":"undefined"},{"value":"\\"hex\\""},{"value":"\\"hexa\\""},{"value":"\\"rgba\\""},{"value":"\\"rgb\\""},{"value":"\\"hsl\\""},{"value":"\\"hsla\\""}]}},"fullWidth":{"defaultValue":"false","description":"If set, the component takes 100% width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"hiddenInputProps":{"defaultValue":null,"description":"Props spread to the hidden input","name":"hiddenInputProps","required":false,"type":{"name":"ClassAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLInputElement> & DataAttributes"}},"hueLabel":{"defaultValue":null,"description":"Hue slider <code>aria-label</code>","name":"hueLabel","required":false,"type":{"name":"string"}},"name":{"defaultValue":null,"description":"Hidden input <code>name</code> attribute, if not set, the input will not be rendered","name":"name","required":false,"type":{"name":"string"}}
1,"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: string) => void"}},"onChangeEnd":{"defaultValue":null,"description":"Called when the user stops dragging one of the sliders or changes the value with keyboard","name":"onChangeEnd","required":false,"type":{"name":"(value: string) => void"}},"onColorSwatchClick":{"defaultValue":null,"description":"Called when one of the color swatches is clicked","name":"onColorSwatchClick","required":false,"type":{"name":"(color: string) => void"}},"saturationLabel":{"defaultValue":null,"description":"Saturation slider <code>aria-label</code>","name":"saturationLabel","required":false,"type":{"name":"string"}},"size":{"defaultValue":"\'md\'","description":"Component size","name":"size","required":false,"type":{"name":"MantineSize"}},"swatches":{"defaultValue":null,"description":"A list of colors used to display swatches list below the color picker","name":"swatches","required":false,"type":{"name":"string[]"}},"swatchesPerRow":{"defaultValue":"7","description":"Number of swatches per row","name":"swatchesPerRow","required":false,"type":{"name":"number"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string"}},"withPicker":{"defaultValue":"true","description":"If <code>false</code>, the component displays only swatches","name":"withPicker","required":false,"type":{"name":"boolean"}}}},"ColorSwatch":{"props":{"children":{"defaultValue":null,"description":"Children inside the swatch","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":null,"description":"Valid CSS color to display","name":"color","required":true,"type":{"name":"string"}},"radius":{"defaultValue":"1000","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem.","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":"28","description":"Swatch <code>width</code> and <code>height</code>, any valid CSS value, numbers are converted to rem.","name":"size","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"withShadow":{"defaultValue":"true","description":"If set, the swatch has inner <code>box-shadow</code>","name":"withShadow","required":false,"type":{"name":"boolean"}}}},"Combobox":{"props":{"arrowOffset":{"defaultValue":"5","description":"Arrow offset in px","name":"arrowOffset","required":false,"type":{"name":"number"}},"arrowPosition":{"defaultValue":null,"description":"Arrow position","name":"arrowPosition","required":false,"type":{"name":"\'center\' | \'side\'","raw":"ArrowPosition | undefined","value":[{"value":"undefined"},{"value":"\\"center\\""},{"value":"\\"side\\""},{"value":"\\"merge\\""}]}},"arrowRadius":{"defaultValue":"0","description":"Arrow <code>border-radius</code> in px","name":"arrowRadius","required":false,"type":{"name":"number"}},"arrowSize":{"defaultValue":"7","description":"Arrow size in px","name":"arrowSize","required":false,"type":{"name":"number"}},"children":{"defaultValue":null,"description":"Combobox content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"disabled":{"defaultValue":null,"description":"If set, popover dropdown will not be rendered","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownPadding":{"defaultValue":"4","description":"Controls <code>padding</code> of the dropdown","name":"dropdownPadding","required":false,"type":{"name":"Padding<string | number>"}},"floatingHeight":{"defaultValue":null,"description":"If set to <code>\'viewport\'</code>, the dropdown grows to fill the available vertical space in the viewport. Disables the <code>flip</code> middleware.","name":"floatingHeight","required":false,"type":{"name":"\\"viewport\\"","raw":"\\"viewport\\" | undefined","value":[{"value":"undefined"},{"value":"\\"viewport\\""}]}},"floatingStrategy":{"defaultValue":"\'absolute\'","description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","name":"floatingStrategy","required":false,"type":{"name":"FloatingStrategy","raw":"FloatingStrategy | undefined","value":[{"value":"undefined"},{"value":"\\"fixed\\""},{"value":"\\"absolute\\""}]}},"hideDetached":{"defaultValue":"true","description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","name":"hideDetached","required":false,"type":{"name":"boolean"}},"keepMounted":{"defaultValue":null,"description":"If set, the dropdown is not unmounted from the DOM when hidden. <code>display: none</code> styles are added instead.","name":"keepMounted","required":false,"type":{"name":"boolean"}},"keepMountedMode":{"defaultValue":"\'activity\'","description":"Controls how the dropdown is hidden when <code>keepMounted</code> is set:\\n<code>\'activity\'</code> â hidden with React 19 <code>Activity</code> component,\\n<code>\'display-none\'</code> â hidden with <code>display: none</code> styles","name":"keepMountedMode","required":false,"type":{"name":"\\"activity\\" | \\"display-none\\"","raw":"\\"activity\\" | \\"display-none\\" | undefined","value":[{"value":"undefined"},{"value":"\\"activity\\""},{"value":"\\"display-none\\""}]}},"middlewares":{"defaultValue":"{ flip: true, shift: true, inline: false }","description":"Floating ui middlewares to configure position handling","name":"middlewares","required":false,"type":{"name":"PopoverMiddlewares"}},"offset":{"defaultValue":"8","description":"Offset of the dropdown element","name":"offset","required":false,"type":{"name":"number | FloatingAxesOffsets"}},"onClose":{"defaultValue":null,"description":"Called when dropdown closes","name":"onClose","required":false,"type":{"name":"() => void"}},"onDismiss":{"defaultValue":null,"description":"Called when the popover is dismissed by clicking outside or by pressing escape","name":"onDismiss","required":false,"type":{"name":"() => void"}},"onEnterTransitionEnd":{"defaultValue":null,"description":"Called when enter transition ends","name":"onEnterTransitionEnd","required":false,"type":{"name":"() => void"}},"onExitTransitionEnd":{"defaultValue":null,"description":"Called when exit transition ends","name":"onExitTransitionEnd","required":false,"type":{"name":"() => void"}},"onOpen":{"defaultValue":null,"description":"Called when dropdown opens","name":"onOpen","required":false,"type":{"name":"() => void"}},"onOptionSubmit":{"defaultValue":null,"description":"Called when item is selected with the <code>Enter</code> key or by clicking it","name":"onOptionSubmit","required":false,"type":{"name":"(value: string, optionProps: ComboboxOptionProps) => void"}},"onPositionChange":{"defaultValue":null,"description":"Called when dropdown position changes","name":"onPositionChange","required":false,"type":{"name":"(position: FloatingPosition) => void"}},"overlayProps":{"defaultValue":null,"description":"Props passed down to <code>Overlay</code> component","name":"overlayProps","required":false,"type":{"name":"OverlayProps & ElementProps<\\"div\\">"}},"portalProps":{"defaultValue":null,"description":"Props to pass down to the <code>Portal</code> when <code>withinPortal</code> is true","name":"portalProps","required":false,"type":{"name":"BasePortalProps"}},"position":{"defaultValue":"\'bottom\'","description":"Dropdown position relative to the target element","name":"position","required":false,"type":{"name":"FloatingPosition","raw":"FloatingPosition | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""},{"value":"\\"bottom\\""}
1,{"value":"\\"top\\""},{"value":"\\"left-end\\""},{"value":"\\"left-start\\""},{"value":"\\"right-end\\""},{"value":"\\"right-start\\""},{"value":"\\"bottom-end\\""},{"value":"\\"bottom-start\\""},{"value":"\\"top-end\\""},{"value":"\\"top-start\\""}]}},"preventPositionChangeWhenVisible":{"defaultValue":"true","description":"If <code>true</code>, the dropdown picks its side on open (flip runs once, preferring the <code>position</code> 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 <code>shift</code> middleware. Set to <code>false</code> to keep flip active and allow the dropdown to re-flip on every change.","name":"preventPositionChangeWhenVisible","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"readOnly":{"defaultValue":null,"description":"Determines whether the <code>Combobox</code> value can be changed","name":"readOnly","required":false,"type":{"name":"boolean"}},"resetSelectionOnOptionHover":{"defaultValue":"false","description":"Determines whether selection should be reset when option is hovered","name":"resetSelectionOnOptionHover","required":false,"type":{"name":"boolean"}},"returnFocus":{"defaultValue":"false","description":"Determines whether focus should be automatically returned to control when dropdown closes","name":"returnFocus","required":false,"type":{"name":"boolean"}},"shadow":{"defaultValue":null,"description":"Key of <code>theme.shadows</code> or any other valid CSS <code>box-shadow</code> value","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"size":{"defaultValue":"\'sm\'","description":"Controls items <code>font-size</code> and <code>padding</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"store":{"defaultValue":null,"description":"Combobox store, can be used to control combobox state","name":"store","required":false,"type":{"name":"ComboboxStore"}},"transitionProps":{"defaultValue":"{ duration: 150, transition: \'fade\' }","description":"Props passed down to the <code>Transition</code> component. Use to configure duration and animation type.","name":"transitionProps","required":false,"type":{"name":"TransitionProps"}},"width":{"defaultValue":"\'max-content\'","description":"Dropdown width, or <code>\'target\'</code> to make dropdown width the same as target element","name":"width","required":false,"type":{"name":"PopoverWidth"}},"withArrow":{"defaultValue":"false","description":"Determines whether component should have an arrow","name":"withArrow","required":false,"type":{"name":"boolean"}},"withOverlay":{"defaultValue":"false","description":"Determines whether the overlay should be displayed when the dropdown is opened","name":"withOverlay","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":"true","description":"Determines whether dropdown should be rendered within the <code>Portal</code>","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":"300","description":"Dropdown <code>z-index</code>","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"Combobox.Target":{"props":{"autoComplete":{"defaultValue":null,"description":"Input autocomplete attribute","name":"autoComplete","required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"refProp":{"defaultValue":null,"description":"Key of the prop that is used to access element ref","name":"refProp","required":false,"type":{"name":"string"}},"targetType":{"defaultValue":"input","description":"Determines which events is handled by the target element.\\n<code>button</code> target type handles <code>Space</code> and <code>Enter</code> keys to toggle dropdown opened state.","name":"targetType","required":false,"type":{"name":"\\"button\\" | \\"input\\"","raw":"\\"button\\" | \\"input\\" | undefined","value":[{"value":"undefined"},{"value":"\\"button\\""},{"value":"\\"input\\""}]}},"withAriaAttributes":{"defaultValue":"true","description":"If set, the target has <code>aria-</code> attributes","name":"withAriaAttributes","required":false,"type":{"name":"boolean"}},"withExpandedAttribute":{"defaultValue":"false","description":"If set, the target has <code>aria-expanded</code> attribute","name":"withExpandedAttribute","required":false,"type":{"name":"boolean"}},"withKeyboardNavigation":{"defaultValue":"true","description":"If set, the component responds to keyboard events","name":"withKeyboardNavigation","required":false,"type":{"name":"boolean"}}}},"Combobox.Dropdown":{"props":{"hidden":{"defaultValue":null,"description":"Determines whether the dropdown should be hidden, for example, when there are no options to display","name":"hidden","required":false,"type":{"name":"boolean"}}}},"Combobox.Options":{"props":{"labelledBy":{"defaultValue":null,"description":"Id of the element that labels the options list","name":"labelledBy","required":false,"type":{"name":"string"}}}},"Combobox.Option":{"props":{"active":{"defaultValue":null,"description":"Current active state","name":"active","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":null,"description":"Disabled state","name":"disabled","required":false,"type":{"name":"boolean"}},"selected":{"defaultValue":null,"description":"Current selected state","name":"selected","required":false,"type":{"name":"boolean"}},"value":{"defaultValue":null,"description":"Option value","name":"value","required":true,"type":{"name":"Primitive"}}}},"Combobox.Search":{"props":{"disabled":{"defaultValue":null,"description":"Set
1s <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Determines whether the input should have error styles and <code>aria-invalid</code> attribute","name":"error","required":false,"type":{"name":"React.ReactNode"}},"id":{"defaultValue":null,"description":"Input element id","name":"id","required":false,"type":{"name":"string"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"multiline":{"defaultValue":"false","description":"Adjusts padding and sizing calculations for multiline inputs (use with <code>component=\\"textarea\\"</code>). Does not make the input multiline by itself.","name":"multiline","required":false,"type":{"name":"boolean"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":null,"description":"Sets <code>required</code> attribute on the <code>input</code> element","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"rootRef":{"defaultValue":null,"description":"Root element ref","name":"rootRef","required":false,"type":{"name":"Ref<HTMLDivElement>"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Determines whether the input should have success styles","name":"success","required":false,"type":{"name":"React.ReactNode"}},"withAria":{"defaultValue":"true","description":"Determines whether <code>aria-</code> and other accessibility attributes should be added to the input. Only disable when implementing custom accessibility handling.","name":"withAria","required":false,"type":{"name":"boolean"}},"withAriaAttributes":{"defaultValue":"true","description":"if set, the search input has <code>aria-</code> attribute","name":"withAriaAttributes","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withKeyboardNavigation":{"defaultValue":"true","description":"if set, the search input handles keyboard navigation","name":"withKeyboardNavigation","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element of the <code>Input</code> component","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"Combobox.Empty":{"description":"","props":{}},"Combobox.Chevron":{"props":{"color":{"defaultValue":null,"description":"","name":"color","required":false,"type":{"name":"MantineColor"}},"error":{"defaultValue":null,"description":"","name":"error","required":false,"type":{"name":"React.ReactNode"}},"size":{"defaultValue":null,"description":"","name":"size","required":false,"type":{"name":"MantineSize"}}}}
1,"Combobox.Footer":{"description":"","props":{}},"Combobox.Header":{"description":"","props":{}},"Combobox.EventsTarget":{"props":{"autoComplete":{"defaultValue":null,"description":"Input autocomplete attribute","name":"autoComplete","required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"refProp":{"defaultValue":null,"description":"Key of the prop is used to access element ref","name":"refProp","required":false,"type":{"name":"string"}},"targetType":{"defaultValue":"input","description":"Determines which events should be handled by the target element.\\n<code>button</code> target type handles <code>Space</code> and <code>Enter</code> keys to toggle dropdown opened state.","name":"targetType","required":false,"type":{"name":"\\"button\\" | \\"input\\"","raw":"\\"button\\" | \\"input\\" | undefined","value":[{"value":"undefined"},{"value":"\\"button\\""},{"value":"\\"input\\""}]}},"withAriaAttributes":{"defaultValue":"true","description":"If set, the target has <code>aria-</code> attributes","name":"withAriaAttributes","required":false,"type":{"name":"boolean"}},"withExpandedAttribute":{"defaultValue":"false","description":"If set, the target has <code>aria-expanded</code> attribute","name":"withExpandedAttribute","required":false,"type":{"name":"boolean"}},"withKeyboardNavigation":{"defaultValue":"true","description":"If set, the component responds to the keyboard events","name":"withKeyboardNavigation","required":false,"type":{"name":"boolean"}}}},"Combobox.DropdownTarget":{"props":{"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"refProp":{"defaultValue":null,"description":"Key of the prop that should be used to access element ref","name":"refProp","required":false,"type":{"name":"string"}}}},"Combobox.Group":{"props":{"label":{"defaultValue":null,"description":"Group label","name":"label","required":false,"type":{"name":"React.ReactNode"}}}},"Combobox.ClearButton":{"props":{"onClear":{"defaultValue":null,"description":"","name":"onClear","required":true,"type":{"name":"() => void"}},"size":{"defaultValue":null,"description":"Size of the button, by default value is based on input context","name":"size","required":false,"type":{"name":"MantineSize"}}}},"Combobox.HiddenInput":{"props":{"value":{"defaultValue":null,"description":"Input value","name":"value","required":true,"type":{"name":"Primitive | Primitive[] | null"}},"valuesDivider":{"defaultValue":",","description":"Divider character to join array values into string","name":"valuesDivider","required":false,"type":{"name":"string"}}}},"ComboboxPopover":{"props":{"allowDeselect":{"defaultValue":"true","description":"Allows deselecting the selected option by clicking it (only for single mode)","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"checkIconPosition":{"defaultValue":"\'left\'","description":"Position of the check icon relative to the option label","name":"checkIconPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"children":{"defaultValue":null,"description":"Content of the component","name":"children","required":false,"type":{"name":"React.ReactNode"}},"comboboxProps":{"defaultValue":null,"description":"Props passed down to Combobox component","name":"comboboxProps","required":false,"type":{"name":"ComboboxProps"}},"data":{"defaultValue":null,"description":"Data used to generate options","name":"data","required":false,"type":{"name":"ComboboxData<Value>"}},"defaultDropdownOpened":{"defaultValue":null,"description":"Uncontrolled dropdown initial opened state","name":"defaultDropdownOpened","required":false,"type":{"name":"boolean"}},"defaultSearchValue":{"defaultValue":null,"description":"Default search value","name":"defaultSearchValue","required":false,"type":{"name":"string"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"Primitive | Value[] | null"}},"dropdownOpened":{"defaultValue":null,"description":"Controlled dropdown opened state","name":"dropdownOpened","required":false,"type":{"name":"boolean"}},"filter":{"defaultValue":null,"description":"Function based on which items are filtered and sorted","name":"filter","required":false,"type":{"name":"OptionsFilter<Value>"}},"form":{"defaultValue":null,"description":"Hidden input form for form submission","name":"form","required":false,"type":{"name":"string"}},"hiddenInputProps":{"defaultValue":null,"description":"Props passed down to the hidden input","name":"hiddenInputProps","required":false,"type":{"name":"React.ComponentProps<\\"input\\">"}},"hiddenInputValuesDivider":{"defaultValue":"\',\'","description":"Divider used to separate values in the hidden input value attribute","name":"hiddenInputValuesDivider","required":false,"type":{"name":"string"}},"limit":{"defaultValue":"Infinity","description":"Maximum number of options displayed at a time","name":"limit","required":false,"type":{"name":"number"}}
1,"maxDropdownHeight":{"defaultValue":"220","description":"max-height of the dropdown","name":"maxDropdownHeight","required":false,"type":{"name":"string | number"}},"multiple":{"defaultValue":null,"description":"If set, multiple items can be selected at the same time","name":"multiple","required":false,"type":{"name":"boolean"}},"name":{"defaultValue":null,"description":"Hidden input name for form submission","name":"name","required":false,"type":{"name":"string"}},"nothingFoundMessage":{"defaultValue":null,"description":"Message displayed when no options match the search query or when there is no data","name":"nothingFoundMessage","required":false,"type":{"name":"React.ReactNode"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: ComboboxPopoverValue<Multiple, Value>) => void"}},"onDropdownClose":{"defaultValue":null,"description":"Called when dropdown closes","name":"onDropdownClose","required":false,"type":{"name":"() => void"}},"onDropdownOpen":{"defaultValue":null,"description":"Called when dropdown opens","name":"onDropdownOpen","required":false,"type":{"name":"() => void"}},"onOptionSubmit":{"defaultValue":null,"description":"Called when option is submitted from dropdown with mouse click or Enter key","name":"onOptionSubmit","required":false,"type":{"name":"(value: Value) => void"}},"onSearchChange":{"defaultValue":null,"description":"Called when search changes","name":"onSearchChange","required":false,"type":{"name":"(value: string) => void"}},"renderOption":{"defaultValue":null,"description":"A function to render content of the option, replaces the default content of the option","name":"renderOption","required":false,"type":{"name":"(item: ComboboxLikeRenderOptionInput<ComboboxItem<string>>) => ReactNode"}},"scrollAreaProps":{"defaultValue":null,"description":"Props passed down to the underlying ScrollArea component in the dropdown","name":"scrollAreaProps","required":false,"type":{"name":"ScrollAreaProps"}},"searchValue":{"defaultValue":null,"description":"Controlled search value","name":"searchValue","required":false,"type":{"name":"string"}},"searchable":{"defaultValue":"false","description":"Allows searching through options","name":"searchable","required":false,"type":{"name":"boolean"}},"selectFirstOptionOnDropdownOpen":{"defaultValue":"false","description":"If set, the first option is selected when dropdown opens","name":"selectFirstOptionOnDropdownOpen","required":false,"type":{"name":"boolean"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"Primitive | Value[] | null"}},"withAlignedLabels":{"defaultValue":"false","description":"Aligns unchecked labels with the checked one","name":"withAlignedLabels","required":false,"type":{"name":"boolean"}},"withCheckIcon":{"defaultValue":"true","description":"Displays check icon near the selected option label","name":"withCheckIcon","required":false,"type":{"name":"boolean"}},"withScrollArea":{"defaultValue":"true","description":"Determines whether the options should be wrapped with ScrollArea.AutoSize","name":"withScrollArea","required":false,"type":{"name":"boolean"}}}},"Container":{"props":{"fluid":{"defaultValue":"false","description":"If set, the container takes 100% width of its parent and <code>size</code> prop is ignored.","name":"fluid","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":"\'md\'","description":"<code>max-width</code> of the container, value is not responsive â it is the same for all screen sizes. Numbers are converted to rem. Ignored when <code>fluid</code> prop is set.","name":"size","required":false,"type":{"name":"MantineSize | number"}},"strategy":{"defaultValue":"\'block\'","description":"Centering strategy","name":"strategy","required":false,"type":{"name":"\\"block\\" | \\"grid\\"","raw":"\\"block\\" | \\"grid\\" | undefined","value":[{"value":"undefined"},{"value":"\\"block\\""},{"value":"\\"grid\\""}]}}}},"CopyButton":{"props":{"children":{"defaultValue":null,"description":"Children callback, provides current status and copy function as an argument","name":"children","required":true,"type":{"name":"(payload: { copied: boolean; copy: () => void; }) => ReactNode"}},"timeout":{"defaultValue":"1000","description":"Copied status timeout in ms","name":"timeout","required":false,"type":{"name":"number"}},"value":{"defaultValue":null,"description":"Value that is copied to the clipboard when the button is clicked","name":"value","required":true,"type":{"name":"string"}}}},"DataList":{"props":{"children":{"defaultValue":null,"description":"DataList.Item components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"gap":{"defaultValue":"\'sm\'","description":"Key of <code>theme.spacing</code> or any valid CSS value to set gap between items","name":"gap","required":false,"type":{"name":"MantineSpacing"}},"labelWidth":{"defaultValue":"\'120px\'","description":"Controls min-width of the label (dt) element, any valid CSS value","name":"labelWidth","required":false,"type":{"name":"MinWidth<string | number>"}},"orientation":{"defaultValue":"\'horizontal\'","description":"Controls arrangement of label and value within each item. <code>horizontal</code> renders label and value side by side, <code>vertical</code> stacks label on top of value","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"size":{"defaultValue":"\'sm\'","description":"Controls <code>font-size</code> and <code>line-height</code>","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"withDivider":{"defaultValue":"false","description":"Adds border between items","name":"withDivider","required":false,"type":{"name":"boolean"}}}},"Dialog":{"props":{"children":{"defaultValue":null,"description":"Dialog content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"keepMounted":{"defaultValue":"false","description":"If set, the component uses <code>display: none</code> to hide the root element instead of removing the DOM node","name":"keepMounted","required":false,"type":{"name":"boolean"}},"onClose":{"defaultValue":null,"description":"Called on close button click","name":"onClose","required":false,"type":{"name":"() => void"}},"opened":{"defaultValue":null,"description":"Opened state","name":"opened","required":true,"type":{"name":"boolean"}},"portalProps":{"defaultValue":null,"description":"Props passed down to the <code>Portal</code> component. Ignored when <code>withinPortal</code> is <code>false</code>.","name":"portalProps","required":false,"type":{"name":"BasePortalProps"}},"position":{"defaultValue":"{ bottom: 0, right: 0 }","description":"Affix position on screen","name":"position","required":false,"type":{"name":"AffixPosition"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"shadow":{"defaultValue":null,"description":"Key of <code>theme.shadows</code> or any valid CSS value to set <code>
1box-shadow</code>","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"size":{"defaultValue":"\'md\'","description":"Controls <code>width</code> of the dialog","name":"size","required":false,"type":{"name":"MantineSize | number"}},"transitionProps":{"defaultValue":"{ transition: \'pop-top-right\', duration: 200 }","description":"Props passed down to the underlying <code>Transition</code> component","name":"transitionProps","required":false,"type":{"name":"TransitionProps"}},"withBorder":{"defaultValue":null,"description":"Adds border to the root element","name":"withBorder","required":false,"type":{"name":"boolean"}},"withCloseButton":{"defaultValue":"false","description":"If set, displays the close button","name":"withCloseButton","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":"true","description":"Determines whether the component is rendered within <code>Portal</code>","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":"200","description":"Root element <code>z-index</code> property","name":"zIndex","required":false,"type":{"name":"React.CSSProperties[\\"zIndex\\"]"}}}},"Divider":{"props":{"color":{"defaultValue":null,"description":"Key of <code>theme.colors</code> or any valid CSS color value","name":"color","required":false,"type":{"name":"MantineColor"}},"label":{"defaultValue":null,"description":"Divider label, visible only with <code>orientation=\\"horizontal\\"</code>","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelPosition":{"defaultValue":"\'center\'","description":"Label position","name":"labelPosition","required":false,"type":{"name":"\\"center\\" | \\"left\\" | \\"right\\"","raw":"\\"center\\" | \\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"center\\""},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"orientation":{"defaultValue":"\'horizontal\'","description":"Divider orientation","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"size":{"defaultValue":"\'xs\'","description":"Controls width/height (depends on orientation)","name":"size","required":false,"type":{"name":"MantineSize | number"}}}},"Drawer":{"props":{"children":{"defaultValue":null,"description":"Drawer content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeButtonProps":{"defaultValue":null,"description":"Props passed down to the close button","name":"closeButtonProps","required":false,"type":{"name":"ModalBaseCloseButtonProps"}},"closeOnClickOutside":{"defaultValue":"true","description":"If set, the modal/drawer is closed when user clicks on the overlay","name":"closeOnClickOutside","required":false,"type":{"name":"boolean"}},"closeOnEscape":{"defaultValue":"true","description":"If set, <code>onClose</code> is called when user presses the escape key","name":"closeOnEscape","required":false,"type":{"name":"boolean"}},"id":{"defaultValue":null,"description":"Id used to connect modal/drawer with body and title","name":"id","required":false,"type":{"name":"string"}},"keepMounted":{"defaultValue":"false","description":"If set modal/drawer is not unmounted from the DOM when hidden. <code>display: none</code> styles are applied instead.","name":"keepMounted","required":false,"type":{"name":"boolean"}},"keepMountedMode":{"defaultValue":"\'activity\'","description":"Controls how the modal/drawer is hidden when <code>keepMounted</code> is set:\\n<code>\'activity\'</code> - hidden with React 19 <code>Activity</code> component,\\n<code>\'display-none\'</code> - hidden with <code>display: none</code> styles","name":"keepMountedMode","required":false,"type":{"name":"\\"activity\\" | \\"display-none\\"","raw":"\\"activity\\" | \\"display-none\\" | undefined","value":[{"value":"undefined"},{"value":"\\"activity\\""},{"value":"\\"display-none\\""}]}},"lockScroll":{"defaultValue":"true","description":"If set, scroll is locked when <code>opened={true}</code>","name":"lockScroll","required":false,"type":{"name":"boolean"}},"offset":{"defaultValue":"0","description":"Drawer container offset from the viewport end","name":"offset","required":false,"type":{"name":"string | number"}},"onClose":{"defaultValue":null,"description":"Called when modal/drawer is closed","name":"onClose","required":true,"type":{"name":"() => void"}},"onEnterTransitionEnd":{"defaultValue":null,"description":"Called when enter transition ends","name":"onEnterTransitionEnd","required":false,"type":{"name":"() => void"}},"onExitTransitionEnd":{"defaultValue":null,"description":"Called when exit transition ends","name":"onExitTransitionEnd","required":false,"type":{"name":"() => void"}},"opened":{"defaultValue":null,"description":"Controls opened state","name":"opened","required":true,"type":{"name":"boolean"}},"overlayProps":{"defaultValue":null,"description":"Props passed down to the <code>Overlay</code> component, can be used to configure opacity, <code>background-color</code>, styles and other properties","name":"overlayProps","required":false,"type":{"name":"ModalBaseOverlayProps"}},"padding":{"defaultValue":"\'md\'","description":"Key of <code>theme.spacing</code> or any valid CSS value to set content, header and footer padding","name":"padding","required":false,"type":{"name":"MantineSpacing"}},"portalProps":{"defaultValue":null,"description":"Props passed down to the Portal component when <code>withinPortal</code> is set","name":"portalProps","required":false,"type":{"name":"BasePortalProps"}},"position":{"defaultValue":"\'left\'","description":"Side of the screen on which drawer will be opened","name":"position","required":false,"type":{"name":"DrawerPosition","raw":"DrawerPosition | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""},{"value":"\\"bottom\\""}
1,{"value":"\\"top\\""}]}},"radius":{"defaultValue":"0","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"removeScrollProps":{"defaultValue":null,"description":"Props passed down to react-remove-scroll, can be used to customize scroll lock behavior","name":"removeScrollProps","required":false,"type":{"name":"RemoveScrollProps"}},"returnFocus":{"defaultValue":"true","description":"If set, focus is returned to the last active element when <code>onClose</code> is called","name":"returnFocus","required":false,"type":{"name":"boolean"}},"scrollAreaComponent":{"defaultValue":"\'div\'","description":"Scroll area component","name":"scrollAreaComponent","required":false,"type":{"name":"ScrollAreaComponent"}},"shadow":{"defaultValue":"\'xl\'","description":"Key of <code>theme.shadows</code> or any valid CSS box-shadow value","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"size":{"defaultValue":"\'md\'","description":"Controls width of the content area","name":"size","required":false,"type":{"name":"MantineSize | number"}},"stackId":{"defaultValue":null,"description":"Id of the drawer in the <code>Drawer.Stack</code>","name":"stackId","required":false,"type":{"name":"string"}},"title":{"defaultValue":null,"description":"Drawer title","name":"title","required":false,"type":{"name":"React.ReactNode"}},"transitionProps":{"defaultValue":null,"description":"Props added to the <code>Transition</code> component that used to animate overlay and body, use to configure duration and animation type, <code>{ duration: 200, transition: \'fade-down\' }</code> by default","name":"transitionProps","required":false,"type":{"name":"TransitionProps"}},"trapFocus":{"defaultValue":"true","description":"If set, focus is trapped within the modal/drawer","name":"trapFocus","required":false,"type":{"name":"boolean"}},"withCloseButton":{"defaultValue":"true","description":"If set, the close button is displayed","name":"withCloseButton","required":false,"type":{"name":"boolean"}},"withOverlay":{"defaultValue":"true","description":"If set, the overlay is displayed","name":"withOverlay","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":"true","description":"If set, the component is rendered inside <code>Portal</code>","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":"200","description":"<code>z-index</code> CSS property of the root element","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"EmptyState":{"props":{"align":{"defaultValue":"\'center\'","description":"Content alignment. <code>center</code> stacks the content in a centered column, <code>left</code>/<code>right</code> place the indicator on the side with the content next to it","name":"align","required":false,"type":{"name":"\\"center\\" | \\"left\\" | \\"right\\"","raw":"\\"center\\" | \\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"center\\""},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"children":{"defaultValue":null,"description":"<code>EmptyState</code> compound components, rendered after the shorthand props content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color, used by <code>filled</code> and <code>light</code> variants","name":"color","required":false,"type":{"name":"MantineColor"}},"description":{"defaultValue":null,"description":"Description content, rendered inside <code>EmptyState.Description</code>","name":"description","required":false,"type":{"name":"React.ReactNode"}},"icon":{"defaultValue":null,"description":"Icon or illustration, rendered inside <code>EmptyState.Indicator</code>","name":"icon","required":false,"type":{"name":"React.ReactNode"}},"size":{"defaultValue":"\'md\'","description":"Controls indicator size, gap between elements and font sizes of title and description","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"title":{"defaultValue":null,"description":"Title content, rendered inside <code>EmptyState.Title</code>","name":"title","required":false,"type":{"name":"React.ReactNode"}}
1,"withIndicatorBackground":{"defaultValue":"false","description":"If set, a neutral circular background is displayed behind the indicator. Setting <code>variant</code> always displays a colored background regardless of this prop","name":"withIndicatorBackground","required":false,"type":{"name":"boolean"}}}},"Fieldset":{"props":{"legend":{"defaultValue":null,"description":"Fieldset legend","name":"legend","required":false,"type":{"name":"React.ReactNode"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}}}},"FileButton":{"props":{"accept":{"defaultValue":null,"description":"File input accept attribute, for example, <code>\\"image/png,image/jpeg\\"</code>","name":"accept","required":false,"type":{"name":"string"}},"capture":{"defaultValue":null,"description":"Specifies that, optionally, a new file should be captured, and which device should be used to capture that new media of a type defined by the accept attribute.","name":"capture","required":false,"type":{"name":"boolean | \\"user\\" | \\"environment\\""}},"children":{"defaultValue":null,"description":"Function that receives button props and returns react node that should be rendered","name":"children","required":true,"type":{"name":"(props: { onClick: () => void; }) => ReactNode"}},"disabled":{"defaultValue":null,"description":"Disables file picker","name":"disabled","required":false,"type":{"name":"boolean"}},"form":{"defaultValue":null,"description":"Input form attribute","name":"form","required":false,"type":{"name":"string"}},"inputProps":{"defaultValue":null,"description":"Passes down props to the input element used to capture files","name":"inputProps","required":false,"type":{"name":"React.ComponentProps<\\"input\\">"}},"multiple":{"defaultValue":null,"description":"If set, user can pick more than one file","name":"multiple","required":false,"type":{"name":"boolean"}},"name":{"defaultValue":null,"description":"Input name attribute","name":"name","required":false,"type":{"name":"string"}},"onChange":{"defaultValue":null,"description":"Called when files are picked","name":"onChange","required":true,"type":{"name":"(payload: Multiple extends true ? File[] : File | null) => void"}},"resetRef":{"defaultValue":null,"description":"Reference of the function that should be called when value changes to null or empty array","name":"resetRef","required":false,"type":{"name":"Ref<() => void>"}}}},"FileInput":{"props":{"accept":{"defaultValue":null,"description":"File input accept attribute, for example, <code>\\"image/png,image/jpeg\\"</code>","name":"accept","required":false,"type":{"name":"string"}},"capture":{"defaultValue":null,"description":"Specifies that, optionally, a new file should be captured, and which device should be used to capture that new media of a type defined by the accept attribute.","name":"capture","required":false,"type":{"name":"boolean | \\"user\\" | \\"environment\\""}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to the clear button","name":"clearButtonProps","required":false,"type":{"name":"React.ComponentProps<\\"button\\">"}},"clearSectionMode":{"defaultValue":"\'both\'","description":"Determines how the clear button and rightSection are rendered","name":"clearSectionMode","required":false,"type":{"name":"ClearSectionMode","raw":"ClearSectionMode | undefined","value":[{"value":"undefined"},{"value":"\\"both\\""},{"value":"\\"rightSection\\""},{"value":"\\"clear\\""}]}},"clearable":{"defaultValue":"false","description":"If set, the clear button is displayed in the right section","name":"clearable","required":false,"type":{"name":"boolean"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"File | File[] | null"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}}
1,"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"fileInputProps":{"defaultValue":null,"description":"Props passed down to the hidden <code>input[type=\\"file\\"]</code>","name":"fileInputProps","required":false,"type":{"name":"React.ComponentProps<\\"input\\">"}},"form":{"defaultValue":null,"description":"Input form attribute","name":"form","required":false,"type":{"name":"string"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"multiple":{"defaultValue":"false","description":"If set, user can pick more than one file","name":"multiple","required":false,"type":{"name":"boolean"}},"name":{"defaultValue":null,"description":"Input name attribute","name":"name","required":false,"type":{"name":"string"}}
1,"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(payload: Multiple extends true ? File[] : File | null) => void"}},"placeholder":{"defaultValue":null,"description":"Input placeholder","name":"placeholder","required":false,"type":{"name":"React.ReactNode"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"readOnly":{"defaultValue":null,"description":"If set, the input value cannot be changed","name":"readOnly","required":false,"type":{"name":"boolean"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"resetRef":{"defaultValue":null,"description":"Reference of the function that should be called when value changes to null or empty array","name":"resetRef","required":false,"type":{"name":"Ref<() => void>"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"File | File[] | null"}},"valueComponent":{"defaultValue":null,"description":"Value renderer. By default, displays file name.","name":"valueComponent","required":false,"type":{"name":"FC<{ value: File | File[] | null; }>"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"Flex":{"props":{"align":{"defaultValue":null,"description":"<code>align-items</code> CSS property","name":"align","required":false,"type":{"name":"StyleProp<AlignItems>"}},"columnGap":{"defaultValue":null,"description":"<code>column-gap</code> CSS property","name":"columnGap","required":false,"type":{"name":"StyleProp<MantineSpacing>"}},"direction":{"defaultValue":null,"description":"<code>flex-direction</code> CSS property","name":"direction","required":false,"type":{"name":"StyleProp<FlexDirection>"}},"gap":{"defaultValue":null,"description":"<code>gap</code> CSS property","name":"gap","required":false,"type":{"name":"StyleProp<MantineSpacing>"}},"justify":{"defaultValue":null,"description":"<code>justify-content</code> CSS property","name":"justify","required":false,"type":{"name":"StyleProp<JustifyContent>"}},"rowGap":{"defaultValue":null,"description":"<code>row-gap</code> CSS property","name":"rowGap","required":false,"type":{"name":"StyleProp<MantineSpacing>"}},"wrap":{"defaultValue":null,"description":"<code>flex-wrap</code> CSS property","name":"wrap","required":false,"type":{"name":"StyleProp<FlexWrap>"}}}},"FloatingIndicator":{"props":{"displayAfterTransitionEnd":{"defaultValue":"false","description":"Controls whether the indicator should be hidden initially and displayed after the parent\'s transition ends.\\nSet to <code>true</code> when the parent container has CSS transitions (e.g., <code>transform: scale()</code>) to prevent\\nthe indicator from appearing at the wrong position during the parent\'s animation.","name":"displayAfterTransitionEnd","required":false,"type":{"name":"boolean"}},"onTransitionEnd":{"defaultValue":null,"description":"Called when the indicator finishes transitioning to a new position","name":"onTransitionEnd","required":false,"type":{"name":"() => void"}},"onTransitionStart":{"defaultValue":null,"description":"Called when the indicator starts transitioning to a new position","name":"onTransitionStart","required":false,"type":{"name":"() => void"}},"parent":{"defaultValue":null,"description":"Parent container element that must have <code>position: relative</code>.\\nThe indicator\'s position is calculated relative to this element.","name":"parent","required":true,"type":{"name":"HTMLElement | null"}},"target":{"defaultValue":null,"description":"Target element over which the indicator is displayed.\\nThe indicator will be positioned to match the target\'s size and position.","name":"target","required":true,"type":{"name":"HTMLElement | null"}},"transitionDuration":{"defaultValue":"150","description":"Transition duration in ms","name":"transitionDuration","required":false,"type":{"name":"string | number"}}}},"FloatingWindow":{"props":{"axis":{"defaultValue":null,"description":"If set, restricts movement to the specified axis","name":"axis","required":false,"type":{"name":"\\"x\\" | \\"y\\"","raw":"\\"x\\" | \\"y\\" | undefined","value":[{"value":"undefined"},{"value":"\\"x\\""},{"value":"\\"y\\""}]}},"constrainOffset":{"defaultValue":null,"description":"The offset from the viewport edges when constraining the element. Requires <code>constrainToViewport: true</code>.","name":"constrainOffset","required":false,"type":{"name":"number"}},"constrainToViewport":{"defaultValue":null,"description":"If <code>true</code>, the element can only move within the current viewport boundaries.","name":"constrainToViewport","required":false,"type":{"name":"boolean"}},"dimensions":{"defaultValue":null,"description":"Dimensions configuration for resizable floating window","name":"dimensions","required":false,"type":{"name":"FloatingWindowDimensions"}},"dragHandleSelector":{"defaultValue":null,"description":"Selector of an element that should be used to drag floating window. If not specified, the entire root element is used as a drag target.","name":"dragHandleSelector","required":false,"type":{"name":"string"}},"enabled":{"defaultValue":null,"description":"If <code>false</code>, the element can not be dragged.","name":"enabled","required":false,"type":{"name":"boolean"}},"excludeDragHandleSelector":{"defaultValue":null,"description":"Selector of an element within <code>dragHandleSelector</code> that should be excluded from the drag event.","name":"excludeDragHandleSelector","required":false,"type":{"name":"string"}},"initialPosition":{"defaultValue":null,"description":"Initial position. If not set, calculated from element styles.","name":"initialPosition","required":false,"type":{"name":"FloatingWindowPositionConfig"}},"onDragEnd":{"defaultValue":null,"description":"Called when the drag stops","name":"onDragEnd","required":false,"type":{"name":"() => void"}},"onDragStart":{"defaultValue":null,"description":"Called when the drag starts","name":"onDragStart","required":false,"type":{"name":"() => void"}},"onPositionChange":{"defaultValue":null,"description":"Called when the element position changes","name":"onPositionChange","required":false,"type":{"name":"(pos: FloatingWindowPosition) => void"}},"onResizeEnd":{"defaultValue":null,"description":"Called when the resize with <code>FloatingWindow.ResizeHandle</code> stops. Not called for keyboard resize.","name":"onResizeEnd","required":false,"type":{"name":"() => void"}},"onResizeStart":{"defaultValue":null,"description":"Called when the resize with <code>FloatingWindow.ResizeHandle</code> starts. Not called for keyboard resize.","name":"onResizeStart","required":false,"type":{"name":"() => void"}},"onSizeChange":{"defaultValue":null,"description":"Called when the window is resized
1with <code>FloatingWindow.ResizeHandle</code>","name":"onSizeChange","required":false,"type":{"name":"(size: FloatingWindowSize) => void"}},"portalProps":{"defaultValue":null,"description":"Props passed down to <code>Portal</code> component","name":"portalProps","required":false,"type":{"name":"Omit<PortalProps, \\"children\\">"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"setPositionRef":{"defaultValue":null,"description":"Assigns ref to set position programmatically","name":"setPositionRef","required":false,"type":{"name":"RefObject<SetFloatingWindowPosition | null>"}},"shadow":{"defaultValue":null,"description":"Key of <code>theme.shadows</code> or any valid CSS value to set <code>box-shadow</code>","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"withBorder":{"defaultValue":null,"description":"Adds border to the root element","name":"withBorder","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":"true","description":"Determines whether the window should be rendered inside <code>Portal</code>","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":"400","description":"<code>z-index</code> of the root element","name":"zIndex","required":false,"type":{"name":"React.CSSProperties[\\"zIndex\\"]"}}}},"FocusTrap":{"props":{"active":{"defaultValue":"true","description":"If set to <code>false</code>, disables focus trap","name":"active","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Element to trap focus at, must support ref prop","name":"children","required":true,"type":{"name":"any"}},"innerRef":{"defaultValue":null,"description":"Ref to combine with the focus trap ref","name":"innerRef","required":false,"type":{"name":"Ref<any>"}},"refProp":{"defaultValue":"ref","description":"Prop that is used to access element ref","name":"refProp","required":false,"type":{"name":"string"}}}},"FocusTrap.InitialFocus":{"description":"","props":{}},"FocusTrapInitialFocus":{"description":"","props":{}},"Grid":{"props":{"align":{"defaultValue":"stretch","description":"Sets <code>align-items</code>","name":"align","required":false,"type":{"name":"AlignItems"}},"breakpoints":{"defaultValue":null,"description":"Breakpoints values, only used with <code>type=\\"container\\"</code>","name":"breakpoints","required":false,"type":{"name":"GridBreakpoints"}},"columnGap":{"defaultValue":null,"description":"Column gap, overrides <code>gap</code> for horizontal spacing","name":"columnGap","required":false,"type":{"name":"StyleProp<MantineSpacing>"}},"columns":{"defaultValue":"12","description":"Number of columns in each row","name":"columns","required":false,"type":{"name":"number"}},"gap":{"defaultValue":"\'md\'","description":"Gap between columns and rows, key of <code>theme.spacing</code> or any valid CSS value","name":"gap","required":false,"type":{"name":"StyleProp<MantineSpacing>"}},"grow":{"defaultValue":"false","description":"If set, columns in the last row expand to fill all available space","name":"grow","required":false,"type":{"name":"boolean"}},"justify":{"defaultValue":"flex-start","description":"Sets <code>justify-content</code>","name":"justify","required":false,"type":{"name":"JustifyContent"}},"overflow":{"defaultValue":"\'visible\'","description":"Sets <code>overflow</code> CSS property on the root element","name":"overflow","required":false,"type":{"name":"Overflow"}},"rowGap":{"defaultValue":null,"description":"Row gap, overrides <code>gap</code> for vertical spacing","name":"rowGap","required":false,"type":{"name":"StyleProp<MantineSpacing>"}},"type":{"defaultValue":"\'media\'","description":"Type of queries used for responsive styles","name":"type","required":false,"type":{"name":"\\"media\\" | \\"container\\"","raw":"\\"media\\" | \\"container\\" | undefined","value":[{"value":"undefined"},{"value":"\\"media\\""},{"value":"\\"container\\""}]}}}},"Group":{"props":{"align":{"defaultValue":"\'center\'","description":"Controls <code>align-items</code> CSS property","name":"align","required":false,"type":{"name":"AlignItems"}},"gap":{"defaultValue":"\'md\'","description":"Key of <code>theme.spacing</code> or any valid CSS value for <code>gap</code>, numbers are converted to rem","name":"gap","required":false,"type":{"name":"MantineSpacing"}},"grow":{"defaultValue":"false","description":"Determines whether each child element should have <code>flex-grow: 1</code> style","name":"grow","required":false,"type":{"name":"boolean"}},"justify":{"defaultValue":"\'flex-start\'","description":"Controls <code>justify-content</code> CSS property","name":"justify","required":false,"type":{"name":"JustifyContent"}},"preventGrowOverflow":{"defaultValue":"true","description":"Determines whether children should take only dedicated amount of space (<code>max-width</code> style is set based on the number of children)","name":"preventGrowOverflow","required":false,"type":{"name":"boolean"}},"wrap":{"defaultValue":"\'wrap\'","description":"Controls <code>flex-wrap</code> CSS property","name":"wrap","required":false,"type":{"name":"FlexWrap","raw":"FlexWrap | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"wrap\\""},{"value":"\\"nowrap\\""},{"value":"\\"wrap-reverse\\""}]}}}}
1,"Highlight":{"props":{"accentInsensitive":{"defaultValue":"true","description":"Perform accent-insensitive matching.\\nWhen enabled cafe will match cafe, café, cafè, etc.","name":"accentInsensitive","required":false,"type":{"name":"boolean"}},"caseInsensitive":{"defaultValue":"true","description":"Perform case-insensitive matching.","name":"caseInsensitive","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"String in which to highlight substrings","name":"children","required":true,"type":{"name":"string"}},"color":{"defaultValue":"\'yellow\'","description":"Default background color for all highlighted text.\\nKey of <code>theme.colors</code> or any valid CSS color, passed to <code>Mark</code> component.\\nCan be overridden per term when using HighlightTerm objects.","name":"color","required":false,"type":{"name":"string | (string & {})"}},"gradient":{"defaultValue":"theme.defaultGradient","description":"Gradient configuration, ignored when <code>variant</code> is not <code>gradient</code>","name":"gradient","required":false,"type":{"name":"MantineGradient"}},"highlight":{"defaultValue":null,"description":"Substring(s) to highlight in <code>children</code>. Can be:\\n- string: single term\\n- string[]: multiple terms with same color\\n- HighlightTerm[]: multiple terms with custom colors per term\\n\\n- Matching is case-insensitive and accent-insensitive by default, use <code>caseInsensitive</code> and <code>accentInsensitive</code> props to control this behavior\\n- Regex special characters are automatically escaped\\n- When multiple substrings are provided, longer matches take precedence\\n- Empty strings and whitespace-only strings are ignored","name":"highlight","required":true,"type":{"name":"string | string[] | HighlightTerm[]"}},"highlightStyles":{"defaultValue":null,"description":"Styles applied to <code>mark</code> elements","name":"highlightStyles","required":false,"type":{"name":"CSSProperties | ((theme: MantineTheme) => CSSProperties)"}},"inherit":{"defaultValue":"false","description":"Determines whether font properties should be inherited from the parent","name":"inherit","required":false,"type":{"name":"boolean"}},"inline":{"defaultValue":"false","description":"Sets <code>line-height</code> to 1 for centering","name":"inline","required":false,"type":{"name":"boolean"}},"lineClamp":{"defaultValue":null,"description":"Number of lines after which Text will be truncated","name":"lineClamp","required":false,"type":{"name":"number"}},"size":{"defaultValue":"\'md\'","description":"Controls <code>font-size</code> and <code>line-height</code>","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"span":{"defaultValue":null,"description":"Shorthand for <code>component=\\"span\\"</code>","name":"span","required":false,"type":{"name":"boolean"}},"textWrap":{"defaultValue":null,"description":"Controls <code>text-wrap</code> CSS property","name":"textWrap","required":false,"type":{"name":"\\"wrap\\" | \\"nowrap\\" | \\"balance\\" | \\"pretty\\" | \\"stable\\"","raw":"\\"wrap\\" | \\"nowrap\\" | \\"balance\\" | \\"pretty\\" | \\"stable\\" | undefined","value":[{"value":"undefined"},{"value":"\\"wrap\\""},{"value":"\\"nowrap\\""},{"value":"\\"balance\\""},{"value":"\\"pretty\\""},{"value":"\\"stable\\""}]}},"truncate":{"defaultValue":null,"description":"Side on which Text must be truncated, if <code>true</code>, text is truncated from the start","name":"truncate","required":false,"type":{"name":"TextTruncate"}},"wholeWord":{"defaultValue":"false","description":"Only match whole words (adds word boundaries to regex).\\nWhen enabled, \'the\' will not match \'there\'.","name":"wholeWord","required":false,"type":{"name":"boolean"}}}},"HoverCard":{"props":{"arrowOffset":{"defaultValue":"5","description":"Arrow offset in px","name":"arrowOffset","required":false,"type":{"name":"number"}},"arrowPosition":{"defaultValue":null,"description":"Arrow position","name":"arrowPosition","required":false,"type":{"name":"\'center\' | \'side\'","raw":"ArrowPosition | undefined","value":[{"value":"undefined"},{"value":"\\"center\\""},{"value":"\\"side\\""},{"value":"\\"merge\\""}]}},"arrowRadius":{"defaultValue":"0","description":"Arrow <code>border-radius</code> in px","name":"arrowRadius","required":false,"type":{"name":"number"}},"arrowSize":{"defaultValue":"7","description":"Arrow size in px","name":"arrowSize","required":false,"type":{"name":"number"}},"children":{"defaultValue":null,"description":"<code>Popover.Target</code> and <code>Popover.Dropdown</code> components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"clickOutsideEvents":{"defaultValue":null,"description":"Events that trigger outside clicks","name":"clickOutsideEvents","required":false,"type":{"name":"string[]"}},"closeDelay":{"defaultValue":"150","description":"Delay in ms before the dropdown closes after mouse leaves the target or dropdown.\\nOverridden by HoverCard.Group delay if used within a group.","name":"closeDelay","required":false,"type":{"name":"number"}},"closeOnClickOutside":{"defaultValue":"true","description":"Determines whether dropdown should be closed on outside clicks","name":"closeOnClickOutside","required":false,"type":{"name":"boolean"}},"closeOnEscape":{"defaultValue":"true","description":"Determines whether dropdown should be closed when <code>Escape</code> key is pressed","name":"closeOnEscape","required":false,"type":{"name":"boolean"}},"defaultOpened":{"defaultValue":null,"description":"Initial opened state for uncontrolled component","name":"defaultOpened","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":null,"description":"If set, popover dropdown will not be rendered","name":"disabled","required":false,"type":{"name":"boolean"}},"floatingStrategy":{"defaultValue":"\'absolute\'","description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","name":"floatingStrategy","required":false,"type":{"name":"FloatingStrategy","raw":"FloatingStrategy | undefined","value":[{"value":"undefined"},{"value":"\\"fixed\\""},{"value":"\\"absolute\\""}]}},"hideDetached":{"defaultValue":"true","description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","name":"hideDetached","required":false,"type":{"name":"boolean"}},"id":{"defaultValue":null,"description":"Id base to create accessibility connections","name":"id","required":false,"type":{"name":"string"}},"initiallyOpened":{"defaultValue":null,"description":"Initial opened state","name":"initiallyOpened","required":false,"type":{"name":"boolean"}},"keepMounted":{"defaultValue":null,"description":"If set, the dropdown is not unmounted from the DOM when hidden. <code>display: none</code> styles are added instead.","name":"keepMounted","required":false,"type":{"name":"boolean"}},"keepMountedMode":{"defaultValue":"\'activity\'","description":"Controls how the dropdown is hidden when <code>keepMounted</code> is set:\\n<code>\'activity\'</code> â hidden with React 19 <code>Activity</code> component,\\n<code>\'display-none\'</code> â hidden with <code>display: none</code> styles","name":"keepMountedMode","required":false,"type":{"name":"\\"activity\\" | \\"display-none\\"","raw":"\\"activity\\" | \\"display-none\\" | undefined","value":[{"value":"undefined"},{"value":"\\"activity\\""},{"value":"\\"display-none\\""}]}},"middlewares":{"defaultValue":"{ flip: true, shift: true, inline: false }","description":"Floating ui middlewares to configure position handling","name":"middlewares","required":false,"type":{"name":"PopoverMiddlewares"}},"offset":{"defaultValue":"8","description":"Offset of the dropdown element","name":"offset","required":false,"type":{"name":"number | FloatingAxesOffsets"}},"onClose":{"defaultValue":null,"description":"Called when the dropdown is closed","name":"onClose","required":false,"type":{"name":"() => void"}},"onDismiss":{"defaultValue":null,"description":"Called when the popover is dismissed by clicking outside or by pressing escape","name":"onDismiss","required":false,"type":{"name":"() => void"}},"onEnterTransitionEnd":{"defaultValue":null,"description":"Called when enter transition ends","name":"onEnterTransitionEnd","required":false,"type":{"name":"() => void"}},"onExitTransitionEnd":{"defaultValue":null,"description":"Called when exit transition ends","name":"onExitTransitionEnd","required":false,"type":{"name":"() => void"}},"onOpen":{"defaultValue":null,"description":"Called when the dropdown is opened","name":"onOpen","required":false,"type":{"name":"() => void"}},"onPositionChange":{"defaultValue":null,"description":"Called when dropdown position changes","name":"onPositionChange","required":false,"type":{"name":"(position: FloatingPosition) => void"}},"openDelay":{"defaultValue":"0","description":"Delay in ms before the dropdown opens after mouse enters the target.\\nOverridden by HoverCard.Group delay if used within a group.","name":"openDelay","required":false,"type":{"name":"number"}},"overlayProps":{"defaultValue":null,"description":"Props passed down to <code>Overlay</code> component","name":"overlayProps","required":false,"type":{"name":"OverlayProps & ElementProps<\\"div\\">"}},"portalProps":{"defaultValue":null,"description":"Props to pass down to the <code>Portal</code> when <code>withinPortal</code> is true","name":"portalProps","required":false,"type":{"name":"BasePortalProps"}},"position":{"defaultValue":"\'bottom\'","description":"Dropdown position relative to the target element","name":"position","required":false,"type":{"name":"FloatingPosition","raw":"FloatingPosition | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""},{"value":"\\"bottom\\""}
1,{"value":"\\"top\\""},{"value":"\\"left-end\\""},{"value":"\\"left-start\\""},{"value":"\\"right-end\\""},{"value":"\\"right-start\\""},{"value":"\\"bottom-end\\""},{"value":"\\"bottom-start\\""},{"value":"\\"top-end\\""},{"value":"\\"top-start\\""}]}},"preventPositionChangeWhenVisible":{"defaultValue":"true","description":"If <code>true</code>, the dropdown picks its side on open (flip runs once, preferring the <code>position</code> 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 <code>shift</code> middleware. Set to <code>false</code> to keep flip active and allow the dropdown to re-flip on every change.","name":"preventPositionChangeWhenVisible","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"returnFocus":{"defaultValue":"false","description":"Determines whether focus should be automatically returned to control when dropdown closes","name":"returnFocus","required":false,"type":{"name":"boolean"}},"shadow":{"defaultValue":null,"description":"Key of <code>theme.shadows</code> or any other valid CSS <code>box-shadow</code> value","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"transitionProps":{"defaultValue":"{ duration: 150, transition: \'fade\' }","description":"Props passed down to the <code>Transition</code> component. Use to configure duration and animation type.","name":"transitionProps","required":false,"type":{"name":"TransitionProps"}},"trapFocus":{"defaultValue":"false","description":"Determines whether focus should be trapped within dropdown","name":"trapFocus","required":false,"type":{"name":"boolean"}},"width":{"defaultValue":"\'max-content\'","description":"Dropdown width, or <code>\'target\'</code> to make dropdown width the same as target element","name":"width","required":false,"type":{"name":"PopoverWidth"}},"withArrow":{"defaultValue":"false","description":"Determines whether component should have an arrow","name":"withArrow","required":false,"type":{"name":"boolean"}},"withOverlay":{"defaultValue":"false","description":"Determines whether the overlay should be displayed when the dropdown is opened","name":"withOverlay","required":false,"type":{"name":"boolean"}},"withRoles":{"defaultValue":"true","description":"Determines whether dropdown and target elements should have accessible roles","name":"withRoles","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":"true","description":"Determines whether dropdown should be rendered within the <code>Portal</code>","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":"300","description":"Dropdown <code>z-index</code>","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"HoverCard.Target":{"props":{"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"eventPropsWrapperName":{"defaultValue":"undefined (event listeners passed directly to component)","description":"Name of the prop to wrap event listeners in.\\nUse when the target component expects event listeners in a nested object.\\nFor example, some components expect <code>componentProps={{ onMouseEnter, onMouseLeave }}</code>.","name":"eventPropsWrapperName","required":false,"type":{"name":"string"}},"popupType":{"defaultValue":"\'dialog\'","description":"Popup accessible type","name":"popupType","required":false,"type":{"name":"string"}},"refProp":{"defaultValue":null,"description":"Key of the prop that should be used to access element ref","name":"refProp","required":false,"type":{"name":"string"}}}},"HoverCard.Dropdown":{"props":{"children":{"defaultValue":null,"description":"Dropdown content","name":"children","required":false,"type":{"name":"React.ReactNode"}}}},"HoverCard.Group":{"props":{"children":{"defaultValue":null,"description":"<code>HoverCard</code> components","name":"children","required":true,"type":{"name":"React.ReactNode"}},"closeDelay":{"defaultValue":null,"description":"Close delay in ms","name":"closeDelay","required":false,"type":{"name":"number"}},"openDelay":{"defaultValue":null,"description":"Open delay in ms","name":"openDelay","required":false,"type":{"name":"number"}}}},"Image":{"props":{"fallbackSrc":{"defaultValue":null,"description":"Image url used as a fallback if the image cannot be loaded","name":"fallbackSrc","required":false,"type":{"name":"string"}},"fit":{"defaultValue":"\'cover\'","description":"Controls <code>object-fit</code> style","name":"fit","required":false,"type":{"name":"ObjectFit","raw":"ObjectFit | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"contain\\""},{"value":"\\"cover\\""},{"value":"\\"fill\\""},{"value":"\\"scale-down\\""}]}},"onError":{"defaultValue":null,"description":"Called when image fails to load","name":"onError","required":false,"type":{"name":"(event: SyntheticEvent<HTMLImageElement, Event>) => void"}},"radius":{"defaultValue":"0","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"src":{"defaultValue":null,"description":"Image url","name":"src","required":false,"type":{"name":"any"}}}},"Indicator":{"props":{"autoContrast":{"defaultValue":null,"description":"If set, adjusts text color based on background color","name":"autoContrast","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color value","name":"color","required":false,"type":{"name":"MantineColor"}},"disabled":{"defaultValue":null,"description":"Hides the indicator when set","name":"disabled","required":false,"type":{"name":"boolean"}},"inline":{"defaultValue":"false","description":"Changes container display from block to inline-block, use when wrapping elements with fixed width","name":"inline","required":false,"type":{"name":"boolean"}},"label":{"defaultValue":null,"description":"Label displayed inside the indicator, for example, notification count","name":"label","required":false,"type":{"name":"React.ReactNode"}},"maxValue":{"defaultValue":null,"description":"Maximum value to display. If label is a number greater than this value, it will be displayed as <code>{maxValue}+</code>","name":"maxValue","required":false,"type":{"name":"number"}},"offset":{"defaultValue":"0","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 <code>x</code> and <code>y</code> properties for separate horizontal and vertical offsets","name":"offset","required":false,"type":{"name":"number | { x: number; y: number; }"}},"position":{"defaultValue":"\'top-end\'","description":"Indicator position relative to the target element","name":"position","required":false,"type":{"name":"\\"bottom-end\\" | \\"bottom-start\\" | \\"top-end\\" | \\"top-start\\" | \\"bottom-center\\" | \\"top-center\\" | \\"middle-center\\" | \\"middle-end\\" | \\"middle-start\\"","raw":"\\"bottom-end\\" | \\"bottom-start\\" | \\"top-end\\" | \\"top-start\\" | \\"bottom-center\\" | \\"top-center\\" | \\"middle-center\\" | \\"middle-end\\" | \\"middle-start\\" | undefined","value":[{"value":"undefined"},{"value":"\\"bottom-end\\""},{"value":"\\"bottom-start\\""}
1,{"value":"\\"top-end\\""},{"value":"\\"top-start\\""},{"value":"\\"bottom-center\\""},{"value":"\\"top-center\\""},{"value":"\\"middle-center\\""},{"value":"\\"middle-end\\""},{"value":"\\"middle-start\\""}]}},"processing":{"defaultValue":"false","description":"If set, the indicator has processing animation","name":"processing","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"100","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"showZero":{"defaultValue":"true","description":"Determines whether indicator with label <code>0</code> should be displayed","name":"showZero","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":"10","description":"Indicator width and height","name":"size","required":false,"type":{"name":"string | number"}},"withBorder":{"defaultValue":null,"description":"Adds border to the root element","name":"withBorder","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":"200","description":"Indicator z-index","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"Input":{"props":{"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Determines whether the input should have error styles and <code>aria-invalid</code> attribute","name":"error","required":false,"type":{"name":"React.ReactNode"}},"id":{"defaultValue":null,"description":"Input element id","name":"id","required":false,"type":{"name":"string"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"multiline":{"defaultValue":"false","description":"Adjusts padding and sizing calculations for multiline inputs (use with <code>component=\\"textarea\\"</code>). Does not make the input multiline by itself.","name":"multiline","required":false,"type":{"name":"boolean"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}}
1,"required":{"defaultValue":null,"description":"Sets <code>required</code> attribute on the <code>input</code> element","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"rootRef":{"defaultValue":null,"description":"Root element ref","name":"rootRef","required":false,"type":{"name":"Ref<HTMLDivElement>"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Determines whether the input should have success styles","name":"success","required":false,"type":{"name":"React.ReactNode"}},"withAria":{"defaultValue":"true","description":"Determines whether <code>aria-</code> and other accessibility attributes should be added to the input. Only disable when implementing custom accessibility handling.","name":"withAria","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element of the <code>Input</code> component","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"InputBase":{"props":{"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}},"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"multiline":{"defaultValue":"false","description":"If set, the input can have multiple lines, for example when <code>component=\\"textarea\\"</code>","name":"multiline","required":false,"type":{"name":"boolean"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"withAria":{"defaultValue":"true","description":"If set, <code>aria-</code> and other accessibility attributes are added to the input","name":"withAria","required":false,"type":{"name":"boolean"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element (<code>Input.Wrapper</code> component)","name":"wrapperProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}}}},"JsonInput":{"props":{"autosize":{"defaultValue":"false","description":"If set, enables textarea height growing with its content","name":"autosize","required":false,"type":{"name":"boolean"}},"bottomSection":{"defaultValue":null,"description":"Content rendered at the bottom of the input, inside the border","name":"bottomSection","required":false,"type":{"name":"React.ReactNode"}},"bottomSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>bottomSection</code> element","name":"bottomSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"string"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}},"deserialize":{"defaultValue":"JSON.parse","description":"Function to deserialize string value for formatting and validation. Must throw an error if the string is invali
1d JSON.","name":"deserialize","required":false,"type":{"name":"((text: string, reviver?: ((this: any, key: string, value: any) => any)) => any) | undefined"}},"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"formatOnBlur":{"defaultValue":"false","description":"Determines whether the value should be formatted on blur","name":"formatOnBlur","required":false,"type":{"name":"boolean"}},"indentSpaces":{"defaultValue":"2","description":"Number of spaces to use as white space for formatting. Passed as the third argument to <code>serialize</code> function.","name":"indentSpaces","required":false,"type":{"name":"number"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}}
1,"maxRows":{"defaultValue":null,"description":"Maximum rows for autosize textarea to grow, ignored if <code>autosize</code> prop is not set","name":"maxRows","required":false,"type":{"name":"number"}},"minRows":{"defaultValue":null,"description":"Minimum rows of autosize textarea, ignored if <code>autosize</code> prop is not set","name":"minRows","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: string) => void"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"resize":{"defaultValue":"\'none\'","description":"Controls <code>resize</code> CSS property","name":"resize","required":false,"type":{"name":"Resize","raw":"Resize | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"block\\""},{"value":"\\"inline\\""},{"value":"\\"both\\""},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"serialize":{"defaultValue":"JSON.stringify","description":"Function to serialize value into a string for formatting. Called with (value, null, 2) where 2 is the indentation level.","name":"serialize","required":false,"type":{"name":"{ (value: any, replacer?: ((this: any, key: string, value: any) => any), space?: string | number | undefined): string; (value: any, replacer?: (string | number)[] | null | undefined, space?: string | ... 1 more ... | undefined): string; } | undefined"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"validationError":{"defaultValue":null,"description":"Error message shown when the input value is invali
1d JSON (checked on blur). If not provided, a generic error state is shown. Takes precedence over the <code>error</code> prop when validation fails.","name":"validationError","required":false,"type":{"name":"React.ReactNode"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"Kbd":{"props":{"size":{"defaultValue":"\'sm\'","description":"Controls <code>font-size</code> and <code>padding</code>","name":"size","required":false,"type":{"name":"MantineSize | number"}}}},"List":{"props":{"center":{"defaultValue":"false","description":"Vertically centers list items with their icons","name":"center","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"<code>List.Item</code> components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"icon":{"defaultValue":null,"description":"Icon to replace default list markers. Applied to all items unless overridden on individual List.Item components","name":"icon","required":false,"type":{"name":"React.ReactNode"}},"listStyleType":{"defaultValue":null,"description":"Controls CSS <code>list-style-type</code> property. Overrides the default list marker style based on list type","name":"listStyleType","required":false,"type":{"name":"ListStyleType"}},"reversed":{"defaultValue":null,"description":"Reverses the order of list items (only works with type=\\"ordered\\")","name":"reversed","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":"\'md\'","description":"Controls <code>font-size</code> and <code>line-height</code>","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"spacing":{"defaultValue":"0","description":"Key of <code>theme.spacing</code> or any valid CSS value to set spacing between items","name":"spacing","required":false,"type":{"name":"MantineSpacing"}},"start":{"defaultValue":null,"description":"Starting value for ordered list numbering (only works with type=\\"ordered\\")","name":"start","required":false,"type":{"name":"number"}},"type":{"defaultValue":"\'unordered\'","description":"List type","name":"type","required":false,"type":{"name":"\\"ordered\\" | \\"unordered\\"","raw":"\\"ordered\\" | \\"unordered\\" | undefined","value":[{"value":"undefined"},{"value":"\\"ordered\\""},{"value":"\\"unordered\\""}]}},"withPadding":{"defaultValue":"false","description":"Adds extra horizontal padding to the list, useful for nested lists","name":"withPadding","required":false,"type":{"name":"boolean"}}}},"Loader":{"props":{"children":{"defaultValue":null,"description":"Overrides default loader with given content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color","name":"color","required":false,"type":{"name":"MantineColor"}},"loaders":{"defaultValue":null,"description":"Object of loaders components, can be customized via default props or inline.","name":"loaders","required":false,"type":{"name":"Partial<Record<(string & {}) | \\"bars\\" | \\"dots\\" | \\"oval\\", MantineLoaderComponent>>"}},"size":{"defaultValue":"\'md\'","description":"Controls <code>width</code> and <code>height</code> of the loader. <code>Loader</code> has predefined <code>xs</code>-<code>xl</code> values. Numbers are converted to rem.","name":"size","required":false,"type":{"name":"MantineSize | number"}},"type":{"defaultValue":"\'oval\'","description":"Loader type, key of <code>loaders</code> prop","name":"type","required":false,"type":{"name":"(string & {}) | \\"bars\\" | \\"dots\\" | \\"oval\\""}}}},"LoadingOverlay":{"props":{"loaderProps":{"defaultValue":null,"description":"Props passed down to <code>Loader</code> component","name":"loaderProps","required":false,"type":{"name":"LoaderProps"}},"onEnter":{"defaultValue":null,"description":"Called when transition starts","name":"onEnter","required":false,"type":{"name":"() => void"}},"onEntered":{"defaultValue":null,"description":"Called when transition ends","name":"onEntered","required":false,"type":{"name":"() => void"}},"onExit":{"defaultValue":null,"description":"Called when exit transition starts","name":"onExit","required":false,"type":{"name":"() => void"}},"onExited":{"defaultValue":null,"description":"Called when exit transition ends","name":"onExited","required":false,"type":{"name":"() => void"}},"overlayProps":{"defaultValue":null,"description":"Props passed down to <code>Overlay</code> component. Use to customizing blur, opacity, color and other properties.","name":"overlayProps","required":false,"type":{"name":"OverlayProps"}},"transitionProps":{"defaultValue":null,"description":"Props passed down to <code>Transition</code> component. Set <code>duration</code> to create custom transition or override default transition.","name":"transitionProps","required":false,"type":{"name":"TransitionProps"}},"visible":{"defaultValue":"false","description":"Controls overlay visibility. Typically used with state (useState, useDisclosure).","name":"visible","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":"400","description":"Controls <code>z-index</code> of both the overlay and loader. The loader receives <code>z-index + 1</code>.","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"Mark":{"props":{"color":{"defaultValue":"yellow","description":"Key of <code>theme.colors</code> or any valid CSS color","name":"color","required":false,"type":{"name":"MantineColor"}}}},"Marquee":{"props":{"children":{"defaultValue":null,"description":"Content to scroll","name":"children","required":true,"type":{"name":"React.ReactNode"}},"duration":{"defaultValue":"100000","description":"Animation duration in ms","name":"duration","required":false,"type":{"name":"number"}},"fadeEdgeColor":{"defaultValue":"\'var(--mantine-color-body)\'","description":"Color of the fade gradient,","name":"fadeEdgeColor","required":false,"type":{"name":"string"}},"fadeEdgeSize":{"defaultValue":"\'5%\'","description":"Size of the fade gradient,","name":"fadeEdgeSize","required":false,"type":{"name":"string"}},"fadeEdges":{"defaultValue":"true","description":"Whether to show gradient fade on edges,","name":"fadeEdges","required":false,"type":{"name":"boolean"}},"gap":{"defaultValue":"\'md\'","description":"Gap between repeated children, key of <code>theme.spacing</code> or any valid CSS value","name":"gap","required":false,"type":{"name":"MantineSpacing"}},"orientation":{"defaultValue":"\'horizontal\'","description":"Scroll orientation","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"pauseOnHover":{"defaultValue":"false","description":"Pauses animation on hover","name":"pauseOnHover","required":false,"type":{"name":"boolean"}},"repeat":{"defaultValue":"4","description":"Number of times children are repeated inline for seamless scrolling","name":"repeat","required":false,"type":{"name":"number"}},"reverse":{"defaultValue":"false","description":"Reverses animation direction","name":"reverse","required":false,"type":{"name":"boolean"}}}},"MaskInput":{"props":{"alwaysShowMask":{"defaultValue":null,"description":"Show mask pattern even when field is empty and unfocused","name":"alwaysShowMask","required":false,"type":{"name":"boolean"}},"autoClear":{"defaultValue":null,"description":"Clear value on blur when mask is incomplete, <code>false</code> by default","name":"autoClear","required":false,"type":{"name":"boolean"}},"beforeMaskedStateChange":{"defaultValue":null,"description":"Escape hatch for advanced cursor/value manipulation","name":"beforeMaskedStateChange","required":false,"type":{"name":"(states: { previousState: { value: string; selection: { start: number; end: number; } | null; }; currentState: { value: string; selection: { start: number; end: number; } | null; }; nextState: { value: string; selection: { ...; } | null; }; }) => { ...; }"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}}
1,"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"mask":{"defaultValue":null,"description":"Mask pattern string or array of string literals and RegExp objects","name":"mask","required":true,"type":{"name":"string | (string | RegExp)[]"}},"modify":{"defaultValue":null,"description":"Called before masking on each keystroke, can return overrides for mask options","name":"modify","required":false,"type":{"name":"((value: string) => Partial<Pick<MaskInputProps, \\"mask\\" | \\"tokens\\" | \\"separate\\" | \\"slotChar\\">>) | undefined"}}
1,"onChangeRaw":{"defaultValue":null,"description":"Called on every change with raw and masked values","name":"onChangeRaw","required":false,"type":{"name":"(rawValue: string, maskedValue: string) => void"}},"onComplete":{"defaultValue":null,"description":"Called when all required mask slots are filled","name":"onComplete","required":false,"type":{"name":"(maskedValue: string, rawValue: string) => void"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"resetRef":{"defaultValue":null,"description":"Assigns a function that clears the input value to the given ref","name":"resetRef","required":false,"type":{"name":"RefObject<(() => void) | null>"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"separate":{"defaultValue":null,"description":"When true, raw and display values are decoupled","name":"separate","required":false,"type":{"name":"boolean"}},"showMaskOnFocus":{"defaultValue":null,"description":"Show mask placeholder on focus, <code>true</code> by default","name":"showMaskOnFocus","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"slotChar":{"defaultValue":null,"description":"Character displayed in unfilled slots, <code>\\"_\\"</code> by default","name":"slotChar","required":false,"type":{"name":"string | null"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"tokens":{"defaultValue":null,"description":"Override or extend the default token map","name":"tokens","required":false,"type":{"name":"Record<string, RegExp>"}},"transform":{"defaultValue":null,"description":"Transform each character before validation and insertion","name":"transform","required":false,"type":{"name":"(char: string) => string"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"Menu":{"props":{"alignItemsLabels":{"defaultValue":"\'with-indicators\'","description":"Controls how indicator slot space is reserved on menu items for label alignment. <code>\'all\'</code> reserves space on every <code>Menu.Item</code>, <code>\'with-indicators\'</code> reserves space only on <code>Menu.CheckboxItem</code> and <code>Menu.RadioItem</code>, <code>\'none\'</code> reserves space only on items that currently display an indicator.","name":"alignItemsLabels","required":false,"type":{"name":"\\"none\\" | \\"all\\" | \\"with-indicators\\"","raw":"\\"none\\" | \\"all\\" | \\"with-indicators\\" | undefined","value":[{"value":"undefined"},{"value":"\\"none\\""},{"value":"\\"all\\""},{"value":"\\"with-indicators\\""}]}},"arrowOffset":{"defaultValue":"5","description":"Arrow offset in px","name":"arrowOffset","required":false,"type":{"name":"number"}},"arrowPosition":{"defaultValue":null,"description":"Arrow position","name":"arrowPosition","required":false,"type":{"name":"\'center\' | \'side\'","raw":"ArrowPosition | undefined","value":[{"value":"undefined"},{"value":"\\"center\\""},{"value":"\\"side\\""},{"value":"\\"merge\\""}]}},"arrowRadius":{"defaultValue":"0","description":"Arrow <code>border-radius</code> in px","name":"arrowRadius","required":false,"type":{"name":"number"}},"arrowSize":{"defaultValue":"7","description":"Arrow size in px","name":"arrowSize","required":false,"type":{"name":"number"}},"checkIcon":{"defaultValue":null,"description":"Custom icon rendered as the indicator of checked <code>Menu.CheckboxItem</code> and selected <code>Menu.RadioItem</code>. Can be overridden per item with the <code>checkIcon</code> prop.","name":"checkIcon","required":false,"type":{"name":"React.ReactNode"}},"children":{"defaultValue":null,"description":"Menu children","name":"children","required":false,"type":{"name":"React.ReactNode"}},"clickOutsideEvents":{"defaultValue":"[\'mousedown\', \'touchstart\', \'keydown\']","description":"Events that trigger outside click detection. Includes mousedown for desktop clicks, touchstart for mobile, and keydown for Escape key handling","name":"clickOutsideEvents","required":false,"type":{"name":"string[]"}},"closeDelay":{"defaultValue":null,"description":"Close delay in ms, applicable only to <code>trigger=\\"hover\\"</code> variant","name":"closeDelay","required":false,"type":{"name":"number"}},"closeOnClickOutside":{"defaultValue":null,"description":"If set, the dropdown is closed on outside clicks","name":"closeOnClickOutside","required":false,"type":{"name":"boolean"}},"closeOnEscape":{"defaultValue":"true","description":"If set, the dropdown is closed when the <code>Escape</code> key is pressed","name":"closeOnEscape","required":false,"type":{"name":"boolean"}},"closeOnItemClick":{"defaultValue":null,"description":"If set, the Menu is closed when one of the items is clicked.
1Can be overridden per item with <code>closeMenuOnClick</code> prop","name":"closeOnItemClick","required":false,"type":{"name":"boolean"}},"defaultOpened":{"defaultValue":null,"description":"Uncontrolled menu initial opened state","name":"defaultOpened","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":null,"description":"If set, popover dropdown will not be rendered","name":"disabled","required":false,"type":{"name":"boolean"}},"floatingStrategy":{"defaultValue":"\'absolute\'","description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","name":"floatingStrategy","required":false,"type":{"name":"FloatingStrategy","raw":"FloatingStrategy | undefined","value":[{"value":"undefined"},{"value":"\\"fixed\\""},{"value":"\\"absolute\\""}]}},"hideDetached":{"defaultValue":"true","description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","name":"hideDetached","required":false,"type":{"name":"boolean"}},"id":{"defaultValue":null,"description":"Id base to create accessibility connections","name":"id","required":false,"type":{"name":"string"}},"keepMounted":{"defaultValue":null,"description":"If set, the dropdown is not unmounted from the DOM when hidden. <code>display: none</code> styles are added instead.","name":"keepMounted","required":false,"type":{"name":"boolean"}},"keepMountedMode":{"defaultValue":"\'activity\'","description":"Controls how the dropdown is hidden when <code>keepMounted</code> is set:\\n<code>\'activity\'</code> â hidden with React 19 <code>Activity</code> component,\\n<code>\'display-none\'</code> â hidden with <code>display: none</code> styles","name":"keepMountedMode","required":false,"type":{"name":"\\"activity\\" | \\"display-none\\"","raw":"\\"activity\\" | \\"display-none\\" | undefined","value":[{"value":"undefined"},{"value":"\\"activity\\""},{"value":"\\"display-none\\""}]}},"loop":{"defaultValue":null,"description":"If set, arrow key presses wrap around from last item to first and vice versa","name":"loop","required":false,"type":{"name":"boolean"}},"menuItemTabIndex":{"defaultValue":"-1","description":"Set the <code>tabindex</code> on all menu items. Use <code>0</code> to allow Tab key navigation through menu items (required for navigation menus following WAI-ARIA disclosure pattern).","name":"menuItemTabIndex","required":false,"type":{"name":"0 | -1","raw":"0 | -1 | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"-1"}]}},"middlewares":{"defaultValue":"{ flip: true, shift: true, inline: false }","description":"Floating ui middlewares to configure position handling","name":"middlewares","required":false,"type":{"name":"PopoverMiddlewares"}},"offset":{"defaultValue":"8","description":"Offset of the dropdown element","name":"offset","required":false,"type":{"name":"number | FloatingAxesOffsets"}},"onChange":{"defaultValue":null,"description":"Called when menu opened state changes","name":"onChange","required":false,"type":{"name":"(opened: boolean) => void"}},"onClose":{"defaultValue":null,"description":"Called when Menu is closed","name":"onClose","required":false,"type":{"name":"() => void"}},"onDismiss":{"defaultValue":null,"description":"Called when the popover is dismissed by clicking outside or by pressing escape","name":"onDismiss","required":false,"type":{"name":"() => void"}},"onEnterTransitionEnd":{"defaultValue":null,"description":"Called when enter transition ends","name":"onEnterTransitionEnd","required":false,"type":{"name":"() => void"}},"onExitTransitionEnd":{"defaultValue":null,"description":"Called when exit transition ends","name":"onExitTransitionEnd","required":false,"type":{"name":"() => void"}},"onOpen":{"defaultValue":null,"description":"Called when Menu is opened","name":"onOpen","required":false,"type":{"name":"() => void"}},"onPositionChange":{"defaultValue":null,"description":"Called when dropdown position changes","name":"onPositionChange","required":false,"type":{"name":"(position: FloatingPosition) => void"}},"openDelay":{"defaultValue":null,"description":"Open delay in ms, applicable only to <code>trigger=\\"hover\\"</code> variant","name":"openDelay","required":false,"type":{"name":"number"}},"opened":{"defaultValue":null,"description":"Controlled menu opened state","name":"opened","required":false,"type":{"name":"boolean"}},"overlayProps":{"defaultValue":null,"description":"Props passed down to <code>Overlay</code> component","name":"overlayProps","required":false,"type":{"name":"OverlayProps & ElementProps<\\"div\\">"}},"portalProps":{"defaultValue":null,"description":"Props to pass down to the <code>Portal</code> when <code>withinPortal</code> is true","name":"portalProps","required":false,"type":{"name":"BasePortalProps"}},"position":{"defaultValue":"\'bottom\'","description":"Dropdown position relative to the target element","name":"position","required":false,"type":{"name":"FloatingPosition","raw":"FloatingPosition | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""},{"value":"\\"bottom\\""}
1,{"value":"\\"top\\""},{"value":"\\"left-end\\""},{"value":"\\"left-start\\""},{"value":"\\"right-end\\""},{"value":"\\"right-start\\""},{"value":"\\"bottom-end\\""},{"value":"\\"bottom-start\\""},{"value":"\\"top-end\\""},{"value":"\\"top-start\\""}]}},"preventPositionChangeWhenVisible":{"defaultValue":"true","description":"If <code>true</code>, the dropdown picks its side on open (flip runs once, preferring the <code>position</code> 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 <code>shift</code> middleware. Set to <code>false</code> to keep flip active and allow the dropdown to re-flip on every change.","name":"preventPositionChangeWhenVisible","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"returnFocus":{"defaultValue":"`true`","description":"Determines whether focus should be automatically returned to control when dropdown closes","name":"returnFocus","required":false,"type":{"name":"boolean"}},"shadow":{"defaultValue":null,"description":"Key of <code>theme.shadows</code> or any other valid CSS <code>box-shadow</code> value","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"transitionProps":{"defaultValue":"{ duration: 150, transition: \'fade\' }","description":"Props passed down to the <code>Transition</code> component. Use to configure duration and animation type.","name":"transitionProps","required":false,"type":{"name":"TransitionProps"}},"trapFocus":{"defaultValue":null,"description":"If set, focus is trapped within the menu dropdown when it is opened","name":"trapFocus","required":false,"type":{"name":"boolean"}},"trigger":{"defaultValue":null,"description":"Event trigger to open menu. Note: \'hover\' is not keyboard accessible; prefer \'click-hover\' for accessible hover menus","name":"trigger","required":false,"type":{"name":"\\"hover\\" | \\"click\\" | \\"click-hover\\"","raw":"\\"hover\\" | \\"click\\" | \\"click-hover\\" | undefined","value":[{"value":"undefined"},{"value":"\\"hover\\""},{"value":"\\"click\\""},{"value":"\\"click-hover\\""}]}},"width":{"defaultValue":"\'max-content\'","description":"Dropdown width, or <code>\'target\'</code> to make dropdown width the same as target element","name":"width","required":false,"type":{"name":"PopoverWidth"}},"withArrow":{"defaultValue":"false","description":"Determines whether component should have an arrow","name":"withArrow","required":false,"type":{"name":"boolean"}},"withInitialFocusPlaceholder":{"defaultValue":"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.","name":"withInitialFocusPlaceholder","required":false,"type":{"name":"boolean"}},"withOverlay":{"defaultValue":"false","description":"Determines whether the overlay should be displayed when the dropdown is opened","name":"withOverlay","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":"true","description":"Determines whether dropdown should be rendered within the <code>Portal</code>","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":"300","description":"Dropdown <code>z-index</code>","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"Menubar":{"props":{"children":{"defaultValue":null,"description":"<code>Menubar.Menu</code> components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"defaultOpenIndex":{"defaultValue":"`null`","description":"Index of the opened menu for uncontrolled component","name":"defaultOpenIndex","required":false,"type":{"name":"number | null"}},"loop":{"defaultValue":"`true`","description":"If set, arrow key navigation wraps from last to first menu and vice versa","name":"loop","required":false,"type":{"name":"boolean"}},"onOpenChange":{"defaultValue":null,"description":"Called when the opened menu changes with its index or <code>null</code> when all menus are closed","name":"onOpenChange","required":false,"type":{"name":"(index: number | null) => void"}},"openIndex":{"defaultValue":null,"description":"Index of the controlled opened menu, <code>null</code> closes all menus","name":"openIndex","required":false,"type":{"name":"number | null"}},"position":{"defaultValue":"`\'bottom-start\'`","description":"Dropdown position relative to the target element","name":"position","required":false,"type":{"name":"FloatingPosition","raw":"FloatingPosition | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""},{"value":"\\"bottom\\""}
1,{"value":"\\"top\\""},{"value":"\\"left-end\\""},{"value":"\\"left-start\\""},{"value":"\\"right-end\\""},{"value":"\\"right-start\\""},{"value":"\\"bottom-end\\""},{"value":"\\"bottom-start\\""},{"value":"\\"top-end\\""},{"value":"\\"top-start\\""}]}},"trigger":{"defaultValue":"`\'click\'`","description":"Event that opens a menu when none of the menus is opened. <code>\'click\'</code> opens a menu on target click and then switches menus on hover (desktop application pattern), <code>\'hover\'</code> opens a menu when the target is hovered","name":"trigger","required":false,"type":{"name":"\\"hover\\" | \\"click\\"","raw":"\\"hover\\" | \\"click\\" | undefined","value":[{"value":"undefined"},{"value":"\\"hover\\""},{"value":"\\"click\\""}]}}}},"Modal":{"props":{"centered":{"defaultValue":"false","description":"If set, the modal is centered vertically","name":"centered","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Modal content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeButtonProps":{"defaultValue":null,"description":"Props passed down to the close button","name":"closeButtonProps","required":false,"type":{"name":"ModalBaseCloseButtonProps"}},"closeOnClickOutside":{"defaultValue":"true","description":"If set, the modal/drawer is closed when user clicks on the overlay","name":"closeOnClickOutside","required":false,"type":{"name":"boolean"}},"closeOnEscape":{"defaultValue":"true","description":"If set, <code>onClose</code> is called when user presses the escape key","name":"closeOnEscape","required":false,"type":{"name":"boolean"}},"fullScreen":{"defaultValue":"false","description":"If set, the modal takes the entire screen","name":"fullScreen","required":false,"type":{"name":"boolean"}},"id":{"defaultValue":null,"description":"Id used to connect modal/drawer with body and title","name":"id","required":false,"type":{"name":"string"}},"keepMounted":{"defaultValue":"false","description":"If set modal/drawer is not unmounted from the DOM when hidden. <code>display: none</code> styles are applied instead.","name":"keepMounted","required":false,"type":{"name":"boolean"}},"keepMountedMode":{"defaultValue":"\'activity\'","description":"Controls how the modal/drawer is hidden when <code>keepMounted</code> is set:\\n<code>\'activity\'</code> - hidden with React 19 <code>Activity</code> component,\\n<code>\'display-none\'</code> - hidden with <code>display: none</code> styles","name":"keepMountedMode","required":false,"type":{"name":"\\"activity\\" | \\"display-none\\"","raw":"\\"activity\\" | \\"display-none\\" | undefined","value":[{"value":"undefined"},{"value":"\\"activity\\""},{"value":"\\"display-none\\""}]}},"lockScroll":{"defaultValue":"true","description":"If set, scroll is locked when <code>opened={true}</code>","name":"lockScroll","required":false,"type":{"name":"boolean"}},"onClose":{"defaultValue":null,"description":"Called when modal/drawer is closed","name":"onClose","required":true,"type":{"name":"() => void"}},"onEnterTransitionEnd":{"defaultValue":null,"description":"Called when enter transition ends","name":"onEnterTransitionEnd","required":false,"type":{"name":"() => void"}},"onExitTransitionEnd":{"defaultValue":null,"description":"Called when exit transition ends","name":"onExitTransitionEnd","required":false,"type":{"name":"() => void"}},"opened":{"defaultValue":null,"description":"Controls opened state","name":"opened","required":true,"type":{"name":"boolean"}},"overlayProps":{"defaultValue":null,"description":"Props passed down to the <code>Overlay</code> component, use to configure opacity, <code>background-color</code>, styles and other properties","name":"overlayProps","required":false,"type":{"name":"ModalBaseOverlayProps"}},"padding":{"defaultValue":"\'md\'","description":"Key of <code>theme.spacing</code> or any valid CSS value to set content, header and footer padding","name":"padding","required":false,"type":{"name":"MantineSpacing"}},"portalProps":{"defaultValue":null,"description":"Props passed down to the Portal component when <code>withinPortal</code> is set","name":"portalProps","required":false,"type":{"name":"BasePortalProps"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"removeScrollProps":{"defaultValue":null,"description":"Props passed down to react-remove-scroll, can be used to customize scroll lock behavior","name":"removeScrollProps","required":false,"type":{"name":"RemoveScrollProps"}},"returnFocus":{"defaultValue":"true","description":"If set, focus is returned to the last active element when <code>onClose</code> is called","name":"returnFocus","required":false,"type":{"name":"boolean"}},"scrollAreaComponent":{"defaultValue":"\'div\'","description":"Scroll area component","name":"scrollAreaComponent","required":false,"type":{"name":"ScrollAreaComponent"}},"shadow":{"defaultValue":"\'xl\'","description":"Key of <code>theme.shadows</code> or any valid CSS box-shadow value","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"size":{"defaultValue":"\'md\'","description":"Controls width of the content area","name":"size","required":false,"type":{"name":"MantineSize | number"}},"stackId":{"defaultValue":null,"description":"Id of the modal in the <code>Modal.Stack</code>","name":"stackId","required":false,"type":{"name":"string"}},"title":{"defaultValue":null,"description":"Modal title","name":"title","required":false,"type":{"name":"React.ReactNode"}},"transitionProps":{"defaultValue":null,"description":"Props added to the <code>Transition</code> component that used to animate overlay and body, use to configure duration and animation type, <code>
1{ duration: 200, transition: \'fade-down\' }</code> by default","name":"transitionProps","required":false,"type":{"name":"TransitionProps"}},"trapFocus":{"defaultValue":"true","description":"If set, focus is trapped within the modal/drawer","name":"trapFocus","required":false,"type":{"name":"boolean"}},"withCloseButton":{"defaultValue":"true","description":"If set, the close button is rendered","name":"withCloseButton","required":false,"type":{"name":"boolean"}},"withOverlay":{"defaultValue":"true","description":"If set, the overlay is rendered","name":"withOverlay","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":"true","description":"If set, the component is rendered inside <code>Portal</code>","name":"withinPortal","required":false,"type":{"name":"boolean"}},"xOffset":{"defaultValue":"5vw","description":"Left/right modal offset","name":"xOffset","required":false,"type":{"name":"MarginLeft<string | number>"}},"yOffset":{"defaultValue":"5dvh","description":"Top/bottom modal offset","name":"yOffset","required":false,"type":{"name":"MarginTop<string | number>"}},"zIndex":{"defaultValue":"200","description":"<code>z-index</code> CSS property of the root element","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"ModalBase":{"props":{"children":{"defaultValue":null,"description":"Modal/drawer content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeOnClickOutside":{"defaultValue":"true","description":"If set, the modal/drawer is closed when user clicks on the overlay","name":"closeOnClickOutside","required":false,"type":{"name":"boolean"}},"closeOnEscape":{"defaultValue":"true","description":"If set, <code>onClose</code> is called when user presses the escape key","name":"closeOnEscape","required":false,"type":{"name":"boolean"}},"id":{"defaultValue":null,"description":"Id used to connect modal/drawer with body and title","name":"id","required":false,"type":{"name":"string"}},"keepMounted":{"defaultValue":"false","description":"If set modal/drawer is not unmounted from the DOM when hidden. <code>display: none</code> styles are applied instead.","name":"keepMounted","required":false,"type":{"name":"boolean"}},"keepMountedMode":{"defaultValue":"activity","description":"Controls how the modal/drawer is hidden when <code>keepMounted</code> is set:\\n<code>\'activity\'</code> - hidden with React 19 <code>Activity</code> component,\\n<code>\'display-none\'</code> - hidden with <code>display: none</code> styles","name":"keepMountedMode","required":false,"type":{"name":"\\"activity\\" | \\"display-none\\"","raw":"\\"activity\\" | \\"display-none\\" | undefined","value":[{"value":"undefined"},{"value":"\\"activity\\""},{"value":"\\"display-none\\""}]}},"lockScroll":{"defaultValue":"true","description":"If set, scroll is locked when <code>opened={true}</code>","name":"lockScroll","required":false,"type":{"name":"boolean"}},"onClose":{"defaultValue":null,"description":"Called when modal/drawer is closed","name":"onClose","required":true,"type":{"name":"() => void"}},"onEnterTransitionEnd":{"defaultValue":null,"description":"Called when enter transition ends","name":"onEnterTransitionEnd","required":false,"type":{"name":"() => void"}},"onExitTransitionEnd":{"defaultValue":null,"description":"Called when exit transition ends","name":"onExitTransitionEnd","required":false,"type":{"name":"() => void"}},"opened":{"defaultValue":null,"description":"Controls opened state","name":"opened","required":true,"type":{"name":"boolean"}},"padding":{"defaultValue":"\'md\'","description":"Key of <code>theme.spacing</code> or any valid CSS value to set content, header and footer padding","name":"padding","required":false,"type":{"name":"MantineSpacing"}},"portalProps":{"defaultValue":null,"description":"Props passed down to the Portal component when <code>withinPortal</code> is set","name":"portalProps","required":false,"type":{"name":"BasePortalProps"}},"removeScrollProps":{"defaultValue":null,"description":"Props passed down to react-remove-scroll, can be used to customize scroll lock behavior","name":"removeScrollProps","required":false,"type":{"name":"RemoveScrollProps"}},"returnFocus":{"defaultValue":"true","description":"If set, focus is returned to the last active element when <code>onClose</code> is called","name":"returnFocus","required":false,"type":{"name":"boolean"}},"shadow":{"defaultValue":"\'xl\'","description":"Key of <code>theme.shadows</code> or any valid CSS box-shadow value","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"size":{"defaultValue":"\'md\'","description":"Controls width of the content area","name":"size","required":false,"type":{"name":"MantineSize | number"}},"transitionProps":{"defaultValue":null,"description":"Props added to the <code>Transition</code> component that used to animate overlay and body, use to configure duration and animation type, <code>
1{ duration: 200, transition: \'fade-down\' }</code> by default","name":"transitionProps","required":false,"type":{"name":"TransitionProps"}},"trapFocus":{"defaultValue":"true","description":"If set, focus is trapped within the modal/drawer","name":"trapFocus","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":"true","description":"If set, the component is rendered inside <code>Portal</code>","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":"200","description":"<code>z-index</code> CSS property of the root element","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"MultiSelect":{"props":{"checkIconPosition":{"defaultValue":"\'left\'","description":"Position of the checkmark icon shown next to selected options in the dropdown","name":"checkIconPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"chevronColor":{"defaultValue":null,"description":"Controls color of the default chevron","name":"chevronColor","required":false,"type":{"name":"MantineColor"}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to the clear button","name":"clearButtonProps","required":false,"type":{"name":"InputClearButtonProps"}},"clearSearchOnChange":{"defaultValue":"true","description":"Clear search value when item is selected","name":"clearSearchOnChange","required":false,"type":{"name":"boolean"}},"clearSectionMode":{"defaultValue":"\'both\'","description":"Determines how the clear button and rightSection are rendered","name":"clearSectionMode","required":false,"type":{"name":"ClearSectionMode","raw":"ClearSectionMode | undefined","value":[{"value":"undefined"},{"value":"\\"both\\""},{"value":"\\"rightSection\\""},{"value":"\\"clear\\""}]}},"clearable":{"defaultValue":"false","description":"When enabled, displays a clear button to remove all selected values (hidden when component is empty, disabled, or read-only)","name":"clearable","required":false,"type":{"name":"boolean"}},"comboboxProps":{"defaultValue":null,"description":"Props passed down to <code>Combobox</code> component","name":"comboboxProps","required":false,"type":{"name":"ComboboxProps"}},"data":{"defaultValue":null,"description":"Data used to generate options. Values must be unique, otherwise an error will be thrown and component will not render.","name":"data","required":false,"type":{"name":"ComboboxData<Value>"}},"defaultDropdownOpened":{"defaultValue":null,"description":"Uncontrolled dropdown initial opened state","name":"defaultDropdownOpened","required":false,"type":{"name":"boolean"}},"defaultSearchValue":{"defaultValue":null,"description":"Default search value","name":"defaultSearchValue","required":false,"type":{"name":"string"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"Value[]"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}},"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownOpened":{"defaultValue":null,"description":"Controlled dropdown opened state","name":"dropdownOpened","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"filter":{"defaultValue":null,"description":"Function based on which items are filtered and sorted","name":"filter","required":false,"type":{"name":"OptionsFilter<Value>"}},"floatingHeight":{"defaultValue":null,"description":"If set to <code>\'viewport\'</code>, the dropdown grows to fill the available vertical space in the viewport. Disables the <code>flip</code> middleware.","name":"floatingHeight","required":false,"type":{"name":"\\"viewport\\"","raw":"\\"viewport\\" | undefined","value":[{"value":"undefined"},{"value":"\\"viewport\\""}]}},"hiddenInputProps":{"defaultValue":null,"description":"Props passed down to the hidden input","name":"hiddenInputProps","required":false,"type":{"name":"React.ComponentProps<\\"input\\">"}},"hiddenInputValuesDivider":{"defaultValue":"\',\'","description":"Divider used to separate values in the hidden input <code>value</code> attribute","name":"hiddenInputValuesDivider","required":false,"type":{"name":"string"}},"hidePickedOptions":{"defaultValue":"false","description":"When enabled, selected options are hidden from the dropdown list","name":"hidePickedOptions","required":false,"type":{"name":"boolean"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"limit":{"defaultValue":null,"description":"Maximum number of options displayed at a time, <code>Infinity</code> by default","name":"limit","required":false,"type":{"name":"number"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"maxDropdownHeight":{"defaultValue":null,"description":"<code>max-height</code> of the dropdown, only applicable when <code>withScrollArea</code> prop is <code>true</code>, <code>220</code> by default","name":"maxDropdownHeight","required":false,"type":{"name":"string | number"}},"maxValues":{"defaultValue":null,"description":"Maximum number of values, no limit if not set","name":"maxValues","required":false,"type":{"name":"number"}},"nothingFoundMessage":{"defaultValue":null,"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.","name":"nothingFoundMessage","required":false,"type":{"name":"React.ReactNode"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: Value[]) => void"}},"onClear":{"defaultValue":null,"description":"Called when the clear button is clicked","name":"onClear","required":false,"type":{"name":"() => void"}},"onDropdownClose":{"defaultValue":null,"description":"Called when dropdown closes","name":"onDropdownClose","required":false,"type":{"name":"() => void"}},"onDropdownOpen":{"defaultValue":null,"description":"Called when dropdown opens","name":"onDropdownOpen","required":false,"type":{"name":"() => void"}},"onMaxValues":{"defaultValue":null,"description":"Called when user attempts to select more values than allowed","name":"onMaxValues","required":false,"type":{"name":"() => void"}},"onOptionSubmit":{"defaultValue":null,"description":"Called when option is submitted from dropdown with mouse click or <code>Enter</code> key","name":"onOptionSubmit","required":false,"type":{"name":"(value: Value) => void"}},"onRemove":{"defaultValue":null,"description":"Called with <code>value</code> of the removed item","name":"onRemove","required":false,"type":{"name":"(value: Value) => void"}},"onSearchChange":{"defaultValue":null,"description":"Called when search changes","name":"onSearchChange","required":false,"type":{"name":"(value: string) => void"}},"openOnFocus":{"defaultValue":"true","description":"Controls whether dropdown opens when the input receives focus","name":"openOnFocus","required":false,"type":{"name":"boolean"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"renderOption":{"defaultValue":null,"description":"A function to render content of the option, replaces the default content of the option","name":"renderOption","required":false,"type":{"name":"(item: ComboboxLikeRenderOptionInput<ComboboxItem<Value>>) => ReactNode"}},"renderPill":{"defaultValue":null,"description":"A function to render content of the pill","name":"renderPill","required":false,"type":{"name":"(props: ComboboxRenderPillInput<Value>) => ReactNode"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"scrollAreaProps":{"defaultValue":null,"description":"Props passed down to the underlying <code>ScrollArea</code> component in the dropdown","name":"scrollAreaProps","required":false,"type":{"name":"ScrollAreaProps"}},"searchValue":{"defaultValue":null,"description":"Controlled search value","name":"searchValue","required":false,"type":{"name":"string"}},"searchable":{"defaultValue":"false","description":"Allows searching through options by user input","name":"searchable","required":false,"type":{"name":"boolean"}},"selectFirstOptionOnChange":{"defaultValue":null,"description":"If set, the first option is selected when value changes, <code>false</code> by default","name":"selectFirstOptionOnChange","required":false,"type":{"name":"boolean"}},"selectFirstOptionOnDropdownOpen":{"defaultValue":null,"description":"If set, the first option is selected when dropdown opens, <code>false</code> by default","name":"selectFirstOptionOnDropdownOpen","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"Value[]"}},"withAlignedLabels":{"defaultValue":"false","description":"If set, unchecked labels are aligned with checked ones","name":"withAlignedLabels","required":false,"type":{"name":"boolean"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withCheckIcon":{"defaultValue":"true","description":"If set, the check icon is displayed near the selected option label","name":"withCheckIcon","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withPillsReorder":{"defaultValue":"false","description":"If set, selected values can be reordered by dragging pills. Disabled
1when <code>disabled</code> or <code>readOnly</code> is set.","name":"withPillsReorder","required":false,"type":{"name":"boolean"}},"withScrollArea":{"defaultValue":null,"description":"Determines whether the options should be wrapped with <code>ScrollArea.AutoSize</code>, <code>true</code> by default","name":"withScrollArea","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"NativeSelect":{"props":{"data":{"defaultValue":null,"description":"Data used to render options. Accepts strings, objects with label/value,\\nor grouped options. If <code>children</code> prop is provided, <code>data</code> will be ignored.","name":"data","required":false,"type":{"name":"ComboboxStringGroupData"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}},"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"NavLink":{"props":{"active":{"defaultValue":"false","description":"Determines whether the link should have active styles","name":"active","required":false,"type":{"name":"boolean"}},"autoContrast":{"defaultValue":null,"description":"If set, adjusts text color based on background color for <code>filled</code> variant","name":"autoContrast","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Child <code>NavLink</code> components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"childrenOffset":{"defaultValue":"\'lg\'","description":"Controls indentation of nested NavLink components, key of <code>theme.spacing</code> or any valid CSS value","name":"childrenOffset","required":false,"type":{"name":"MantineSpacing"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color to control active styles","name":"color","required":false,"type":{"name":"MantineColor"}},"defaultOpened":{"defaultValue":null,"description":"Uncontrolled nested items collapse initial state","name":"defaultOpened","required":false,"type":{"name":"boolean"}},"description":{"defaultValue":null,"description":"Link description, displayed below the label","name":"description","required":false,"type":{"name":"React.ReactNode"}},"disableRightSectionRotation":{"defaultValue":"false","description":"If set, right section will not be rotated when collapse is opened","name":"disableRightSectionRotation","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":"false","description":"If set, disabled styles will be added to the root element","name":"disabled","required":false,"type":{"name":"boolean"}},"keepMounted":{"defaultValue":null,"description":"If set to <code>false</code>, child <code>NavLinks</code> are unmounted when collapsed","name":"keepMounted","required":false,"type":{"name":"boolean"}},"label":{"defaultValue":null,"description":"Main link label","name":"label","required":false,"type":{"name":"React.ReactNode"}},"leftSection":{"defaultValue":null,"description":"Section displayed on the left side of the label","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"noWrap":{"defaultValue":"false","description":"If set, label and description are truncated with ellipsis instead of wrapping","name":"noWrap","required":false,"type":{"name":"boolean"}}
1,"onChange":{"defaultValue":null,"description":"Called when open state changes","name":"onChange","required":false,"type":{"name":"(opened: boolean) => void"}},"onClick":{"defaultValue":null,"description":"Called when the root element is clicked","name":"onClick","required":false,"type":{"name":"MouseEventHandler<HTMLElement>"}},"onKeyDown":{"defaultValue":null,"description":"Called on keydown of the root element","name":"onKeyDown","required":false,"type":{"name":"KeyboardEventHandler<HTMLElement>"}},"opened":{"defaultValue":null,"description":"Controlled nested items collapse state","name":"opened","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Section displayed on the right side of the label","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}}}},"Notification":{"props":{"children":{"defaultValue":null,"description":"Notification description, displayed below the title. When no title is provided, this serves as the main message.","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeButtonProps":{"defaultValue":null,"description":"Props passed down to the close button","name":"closeButtonProps","required":false,"type":{"name":"__CloseButtonProps & ElementProps<\\"button\\"> & DataAttributes"}},"color":{"defaultValue":"theme.primaryColor","description":"Controls icon background color or notification accent line color, key of <code>theme.colors</code> or any valid CSS color. When <code>icon</code> is provided, sets the icon background color. When no icon is provided, sets the colored accent line on the left.","name":"color","required":false,"type":{"name":"MantineColor"}},"icon":{"defaultValue":null,"description":"Notification icon, replaces color line","name":"icon","required":false,"type":{"name":"React.ReactNode"}},"loaderProps":{"defaultValue":null,"description":"Props passed down to the <code>Loader</code> component","name":"loaderProps","required":false,"type":{"name":"LoaderProps"}},"loading":{"defaultValue":null,"description":"If set, displays a <code>Loader</code> component instead of the icon. Takes precedence over the <code>icon</code> prop if both are provided.","name":"loading","required":false,"type":{"name":"boolean"}},"onClose":{"defaultValue":null,"description":"Called when the close button is clicked","name":"onClose","required":false,"type":{"name":"() => void"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"title":{"defaultValue":null,"description":"Notification title, displayed above the message body","name":"title","required":false,"type":{"name":"React.ReactNode"}},"withBorder":{"defaultValue":null,"description":"Adds border to the root element","name":"withBorder","required":false,"type":{"name":"boolean"}},"withCloseButton":{"defaultValue":"true","description":"If set, the close button is visible","name":"withCloseButton","required":false,"type":{"name":"boolean"}}}},"NumberFormatter":{"props":{"allowNegative":{"defaultValue":"true","description":"If set, negative values are allowed","name":"allowNegative","required":false,"type":{"name":"boolean"}},"decimalScale":{"defaultValue":"Infinity","description":"Limits the number of digits that are displayed after the decimal point","name":"decimalScale","required":false,"type":{"name":"number"}},"decimalSeparator":{"defaultValue":null,"description":"Character used as a decimal separator, <code>\'.\'</code> by default","name":"decimalSeparator","required":false,"type":{"name":"string"}},"fixedDecimalScale":{"defaultValue":"false","description":"If set, zeros are added after <code>decimalSeparator</code> to match given <code>decimalScale</code>.","name":"fixedDecimalScale","required":false,"type":{"name":"boolean"}},"prefix":{"defaultValue":null,"description":"Prefix added before the value","name":"prefix","required":false,"type":{"name":"string"}},"suffix":{"defaultValue":null,"description":"Suffix added after the value","name":"suffix","required":false,"type":{"name":"string"}},"thousandSeparator":{"defaultValue":"\',\'","description":"A character used to separate thousands","name":"thousandSeparator","required":false,"type":{"name":"string | boolean"}},"thousandsGroupStyle":{"defaultValue":null,"description":"Defines the thousand grouping style","name":"thousandsGroupStyle","required":false,"type":{"name":"\\"none\\" | \\"thous
1and\\" | \\"lakh\\" | \\"wan\\"","raw":"\\"none\\" | \\"thousand\\" | \\"lakh\\" | \\"wan\\" | undefined","value":[{"value":"undefined"},{"value":"\\"none\\""},{"value":"\\"thousand\\""},{"value":"\\"lakh\\""},{"value":"\\"wan\\""}]}},"value":{"defaultValue":null,"description":"Value to format","name":"value","required":false,"type":{"name":"string | number"}}}},"NumberInput":{"props":{"allowDecimal":{"defaultValue":"true","description":"If set, decimal values are allowed","name":"allowDecimal","required":false,"type":{"name":"boolean"}},"allowLeadingZeros":{"defaultValue":"true","description":"Determines whether leading zeros are allowed during input. If <code>false</code>, leading zeros are removed as you type (e.g., typing <code>007</code> results in <code>7</code>). Works in conjunction with <code>trimLeadingZeroesOnBlur</code>.","name":"allowLeadingZeros","required":false,"type":{"name":"boolean"}},"allowNegative":{"defaultValue":"true","description":"Determines whether negative numbers are allowed. If <code>false</code>, the input will not accept negative values, and the decrement button will stop at <code>0</code> (when <code>min</code> is not set).","name":"allowNegative","required":false,"type":{"name":"boolean"}},"allowedDecimalSeparators":{"defaultValue":"[\'.\', \',\']","description":"Characters which when pressed result in a decimal separator. These
1characters will be replaced by the <code>decimalSeparator</code> in the input value.","name":"allowedDecimalSeparators","required":false,"type":{"name":"string[]"}},"clampBehavior":{"defaultValue":null,"description":"Controls how values are clamped to the <code>min</code>/<code>max</code> range:\\n- <code>\'blur\'</code> (default): User can type any value, but it\'s clamped when the input loses focus\\n- <code>\'strict\'</code>: User cannot type values outside the range\\n- <code>\'none\'</code>: No clamping; <code>min</code>/<code>max</code> only apply to increment/decrement controls and arrow keys","name":"clampBehavior","required":false,"type":{"name":"\\"none\\" | \\"blur\\" | \\"strict\\"","raw":"\\"none\\" | \\"blur\\" | \\"strict\\" | undefined","value":[{"value":"undefined"},{"value":"\\"none\\""},{"value":"\\"blur\\""},{"value":"\\"strict\\""}]}},"decimalScale":{"defaultValue":"Infinity","description":"Limits the number of digits that can be entered after the decimal point","name":"decimalScale","required":false,"type":{"name":"number"}},"decimalSeparator":{"defaultValue":"\'.\'","description":"Character used as a decimal separator. Generally used with <code>allowedDecimalSeparators</code> prop.","name":"decimalSeparator","required":false,"type":{"name":"string"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"string | NumberInputNumericType"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}},"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"fixedDecimalScale":{"defaultValue":"false","description":"If <code>true</code>, automatically pads the decimal part with zeros to match <code>decimalScale</code> (e.g., with <code>decimalScale={2}</code>, typing <code>5.1</code> displays as <code>5.10</code>). Requires <code>decimalScale</code> to be set.","name":"fixedDecimalScale","required":false,"type":{"name":"boolean"}},"handlersRef":{"defaultValue":null,"description":"Increment/decrement handlers","name":"handlersRef","required":false,"type":{"name":"Ref<NumberInputHandlers> | undefined"}},"hideControls":{"defaultValue":"false","description":"If set, the up/down controls are hidden","name":"hideControls","required":false,"type":{"name":"boolean"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"isAllowed":{"defaultValue":null,"description":"A function to validate the input value. If this function returns <code>false</code>, the <code>onChange</code> will not be called and the input value will not change.","name":"isAllowed","required":false,"type":{"name":"(values: NumberFormatValues) => boolean"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"max":{"defaultValue":null,"description":"Maximum possible value","name":"max","required":false,"type":{"name":"NumberInputNumericType"}},"min":{"defaultValue":null,"description":"Minimum possible value","name":"min","required":false,"type":{"name":"NumberInputNumericType"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: NumberInputValue<T>) => void"}},"onMaxReached":{"defaultValue":null,"description":"Called when the decrement button or arrow down key is pressed and the value has reached the minimum","name":"onMaxReached","required":false,"type":{"name":"() => void"}},"onMinReached":{"defaultValue":null,"description":"Called when the increment button or arrow up key is pressed and the value has reached the maximum","name":"onMinReached","required":false,"type":{"name":"() => void"}},"onValueChange":{"defaultValue":null,"description":"Called when value changes with <code>react-number-format</code> payload","name":"onValueChange","required":false,"type":{"name":"OnValueChange"}},"prefix":{"defaultValue":null,"description":"Prefix added before the input value","name":"prefix","required":false,"type":{"name":"string"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"selectAllOnFocus":{"defaultValue":"false","description":"If set, all text is selected when the input receives focus","name":"selectAllOnFocus","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"startValue":{"defaultValue":"0","description":"Value used when incrementing/decrementing an empty input. If <code>min</code> is set and <code>startValue < min</code>, <code>min</code> is used instead.","name":"startValue","required":false,"type":{"name":"NumberInputNumericType"}},"step":{"defaultValue":"1","description":"Number by which value will be incremented/decremented with up/down controls and ke
1yboard arrows","name":"step","required":false,"type":{"name":"NumberInputNumericType"}},"stepHoldDelay":{"defaultValue":null,"description":"Initial delay in milliseconds before stepping the value.","name":"stepHoldDelay","required":false,"type":{"name":"number"}},"stepHoldInterval":{"defaultValue":"undefined","description":"Interval in milliseconds between value steps when increment/decrement button is held down. Can be a number or a function <code>(stepCount) => number</code> for dynamic intervals. Requires <code>stepHoldDelay</code> to be set.","name":"stepHoldInterval","required":false,"type":{"name":"number | ((stepCount: number) => number)"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"suffix":{"defaultValue":null,"description":"Suffix added after the input value","name":"suffix","required":false,"type":{"name":"string"}},"thousandSeparator":{"defaultValue":null,"description":"A character used to separate thousands","name":"thousandSeparator","required":false,"type":{"name":"string | boolean"}},"thousandsGroupStyle":{"defaultValue":null,"description":"Defines the thousand grouping style. \'thousand\' (1,000), \'lakh\' (1,00,000), \'wan\' (1,0000), \'none\'.","name":"thousandsGroupStyle","required":false,"type":{"name":"\\"none\\" | \\"thousand\\" | \\"lakh\\" | \\"wan\\"","raw":"\\"none\\" | \\"thousand\\" | \\"lakh\\" | \\"wan\\" | undefined","value":[{"value":"undefined"},{"value":"\\"none\\""},{"value":"\\"thousand\\""},{"value":"\\"lakh\\""},{"value":"\\"wan\\""}]}},"trimLeadingZeroesOnBlur":{"defaultValue":"true","description":"If set, leading zeros are removed on blur. For example, <code>00100</code> -> <code>100</code>","name":"trimLeadingZeroesOnBlur","required":false,"type":{"name":"boolean"}},"type":{"defaultValue":"\'text\'","description":"Controls input <code>type</code> attribute","name":"type","required":false,"type":{"name":"\\"text\\" | \\"tel\\" | \\"password\\"","raw":"\\"text\\" | \\"tel\\" | \\"password\\" | undefined","value":[{"value":"undefined"},{"value":"\\"text\\""},{"value":"\\"tel\\""},{"value":"\\"password\\""}]}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string | NumberInputNumericType"}},"valueIsNumericString":{"defaultValue":"false","description":"Advanced: Set to <code>true</code> if you\'re passing numeric strings (e.g., <code>\\"12345\\"</code>) and using formatting props like <code>prefix</code> or <code>suffix</code>. In most cases, you don\'t need this prop. See [react-number-format docs](https://www.npmjs.com/package/react-number-format) for details.","name":"valueIsNumericString","required":false,"type":{"name":"boolean"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withKeyboardEvents":{"defaultValue":"true","description":"If set, up/down keyboard events increment/decrement value","name":"withKeyboardEvents","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"OverflowList":{"props":{"collapseFrom":{"defaultValue":"\'end\'","description":"Direction from which items are collapsed when they overflow, <code>\'end\'</code> collapses last items, <code>\'start\'</code> collapses first items","name":"collapseFrom","required":false,"type":{"name":"\\"end\\" | \\"start\\"","raw":"\\"end\\" | \\"start\\" | undefined","value":[{"value":"undefined"},{"value":"\\"end\\""},{"value":"\\"start\\""}]}},"data":{"defaultValue":null,"description":"Array of items to display","name":"data","required":true,"type":{"name":"T[]"}},"gap":{"defaultValue":"\'xs\'","description":"Key of <code>theme.spacing</code> or any valid CSS value for <code>gap</code>, numbers are converted to rem","name":"gap","required":false,"type":{"name":"MantineSpacing"}},"getItemKey":{"defaultValue":null,"description":"A function to resolve a unique key for each item. Used to detect when the contents of <code>data</code>\\nchange (for example when items are reordered while the length stays the same) so the\\nvisible/overflow split can be recomputed. Required to detect reordering when <code>data</code> contains\\nobjects; for primitive items (strings, numbers) the item value is used by default.","name":"getItemKey","required":false,"type":{"name":"(item: T, index: number) => Key"}},"maxRows":{"defaultValue":"1","description":"Number of rows to display","name":"maxRows","required":false,"type":{"name":"number"}},"maxVisibleItems":{"defaultValue":"Infinity","description":"Maximum number of visible items","name":"maxVisibleItems","required":false,"type":{"name":"number"}},"renderItem":{"defaultValue":null,"description":"Function to render item","name":"renderItem","required":true,"type":{"name":"(item: T, index: number) => ReactNode"}},"renderOverflow":{"defaultValue":null,"description":"Function to render hidden items","name":"renderOverflow","required":true,"type":{"name":"(items: T[]) => ReactNode"}}}},"Overlay":{"props":{"backgroundOpacity":{"defaultValue":"0.6","description":"Overlay <code>background-color</code> opacity 0â1, ignored when <code>gradient</code> prop is set","name":"backgroundOpacity","required":false,"type":{"name":"number"}},"blur":{"defaultValue":"0","description":"Overlay background blur in px (converted to rem). Applies <code>backdrop-filter: blur()</code>. Note: backdrop-filter is not supported in all browsers.","name":"blur","required":false,"type":{"name":"string | number"}},"center":{"defaultValue":"false","description":"Centers content inside the overlay using flexbox (sets dis
1play: flex, align-items: center, justify-content: center)","name":"center","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Content inside overlay","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":"#000","description":"Overlay <code>background-color</code>","name":"color","required":false,"type":{"name":"BackgroundColor"}},"fixed":{"defaultValue":"false","description":"Changes position from <code>absolute</code> to <code>fixed</code> (viewport-relative instead of parent-relative)","name":"fixed","required":false,"type":{"name":"boolean"}},"gradient":{"defaultValue":null,"description":"Changes overlay to gradient. If set, both <code>color</code> and <code>backgroundOpacity</code> props are ignored.","name":"gradient","required":false,"type":{"name":"string"}},"radius":{"defaultValue":"0","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"zIndex":{"defaultValue":"200","description":"Overlay z-index","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"Pagination":{"props":{"autoContrast":{"defaultValue":null,"description":"If set, adjusts text color based on the active page background color to ensure sufficient contrast","name":"autoContrast","required":false,"type":{"name":"boolean"}},"boundaries":{"defaultValue":"1","description":"Number of elements visible on the left/right edges","name":"boundaries","required":false,"type":{"name":"number"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code>, active item color","name":"color","required":false,"type":{"name":"MantineColor"}},"defaultValue":{"defaultValue":null,"description":"Active page for uncontrolled component, must be an integer in [1, total] interval","name":"defaultValue","required":false,"type":{"name":"number"}},"disabled":{"defaultValue":null,"description":"Disables all controls, applies disabled styles","name":"disabled","required":false,"type":{"name":"boolean"}},"dotsIcon":{"defaultValue":null,"description":"Dots icon component","name":"dotsIcon","required":false,"type":{"name":"PaginationIcon"}},"firstIcon":{"defaultValue":null,"description":"First control icon component","name":"firstIcon","required":false,"type":{"name":"PaginationIcon"}},"formatLabel":{"defaultValue":null,"description":"Function to format the label text displayed in responsive mode","name":"formatLabel","required":false,"type":{"name":"PaginationFormatLabel"}},"gap":{"defaultValue":"8","description":"Key of <code>theme.spacing</code>, gap between controls","name":"gap","required":false,"type":{"name":"MantineSpacing"}},"getControlProps":{"defaultValue":null,"description":"Props passed down to next/previous/first/last controls","name":"getControlProps","required":false,"type":{"name":"(control: \\"next\\" | \\"previous\\" | \\"first\\" | \\"last\\") => Record<string, any>"}},"getItemProps":{"defaultValue":null,"description":"Additional props passed down to controls","name":"getItemProps","required":false,"type":{"name":"(page: number) => Record<string, any>"}},"hideWithOnePage":{"defaultValue":"false","description":"If set, the pagination is hidden when only one page is available (<code>total={1}</code>)","name":"hideWithOnePage","required":false,"type":{"name":"boolean"}},"lastIcon":{"defaultValue":null,"description":"Last control icon component","name":"lastIcon","required":false,"type":{"name":"PaginationIcon"}},"layout":{"defaultValue":"\'default\'","description":"Determines how the pagination is displayed, <code>\'responsive\'</code> uses CSS container queries to switch between pages and a compact label","name":"layout","required":false,"type":{"name":"\\"default\\" | \\"responsive\\"","raw":"\\"default\\" | \\"responsive\\" | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"responsive\\""}]}},"nextIcon":{"defaultValue":null,"description":"Next control icon component","name":"nextIcon","required":false,"type":{"name":"PaginationIcon"}}
1,"onChange":{"defaultValue":null,"description":"Called when page changes","name":"onChange","required":false,"type":{"name":"(value: number) => void"}},"onFirstPage":{"defaultValue":null,"description":"Called when first page control is clicked","name":"onFirstPage","required":false,"type":{"name":"() => void"}},"onLastPage":{"defaultValue":null,"description":"Called when last page control is clicked","name":"onLastPage","required":false,"type":{"name":"() => void"}},"onNextPage":{"defaultValue":null,"description":"Called when next page control is clicked","name":"onNextPage","required":false,"type":{"name":"() => void"}},"onPreviousPage":{"defaultValue":null,"description":"Called when previous page control is clicked","name":"onPreviousPage","required":false,"type":{"name":"() => void"}},"previousIcon":{"defaultValue":null,"description":"Previous control icon component","name":"previousIcon","required":false,"type":{"name":"PaginationIcon"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"siblings":{"defaultValue":"1","description":"Number of siblings displayed on the left/right side of the selected page","name":"siblings","required":false,"type":{"name":"number"}},"size":{"defaultValue":"\'md\'","description":"<code>height</code> and <code>min-width</code> of controls","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {}) | \\"input-xs\\" | \\"input-sm\\" | \\"input-md\\" | \\"input-lg\\" | \\"input-xl\\""}},"startValue":{"defaultValue":null,"description":"Starting page number, defaults to 1","name":"startValue","required":false,"type":{"name":"number"}},"total":{"defaultValue":null,"description":"Total number of pages, must be an integer","name":"total","required":true,"type":{"name":"number"}},"value":{"defaultValue":null,"description":"Active page for controlled component, must be an integer in [1, total] interval","name":"value","required":false,"type":{"name":"number"}},"withControls":{"defaultValue":"true","description":"If set, next/previous controls are displayed","name":"withControls","required":false,"type":{"name":"boolean"}},"withEdges":{"defaultValue":"false","description":"If set, first/last controls are displayed","name":"withEdges","required":false,"type":{"name":"boolean"}},"withPages":{"defaultValue":"`true`","description":"If set to <code>false</code>, page number buttons are hidden, only next/previous controls remain","name":"withPages","required":false,"type":{"name":"boolean"}}}},"Paper":{"props":{"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"shadow":{"defaultValue":null,"description":"Key of <code>theme.shadows</code> or any valid CSS value to set <code>box-shadow</code>","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"withBorder":{"defaultValue":null,"description":"Adds border to the root element","name":"withBorder","required":false,"type":{"name":"boolean"}}}},"PasswordInput":{"props":{"defaultVisible":{"defaultValue":null,"description":"If set, the input value is visible by default","name":"defaultVisible","required":false,"type":{"name":"boolean"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}},"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"onVisibilityChange":{"defaultValue":null,"description":"Called when visibility changes","name":"onVisibilityChange","required":false,"type":{"name":"(visible: boolean) => void"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"visibilityToggleButtonProps":{"defaultValue":null,"description":"Props passed down to the visibility toggle button","name":"visibilityToggleButtonProps","required":false,"type":{"name":"Record<string, any>"}},"visibilityToggleFocusable":{"defaultValue":"`false`","description":"If set, the visibility toggle button is focusable with keyboard","name":"visibilityToggleFocusable","required":false,"type":{"name":"boolean"}},"visibilityToggleIcon":{"defaultValue":null,"description":"A component to replace the visibility toggle icon","name":"visibilityToggleIcon","required":false,"type":{"name":"FC<{ reveal: boolean; }>"}},"visible":{"defaultValue":null,"description":"If set, the input value is visible","name":"visible","required":false,"type":{"name":"boolean"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"Pill":{"props":{"disabled":{"defaultValue":null,"description":"Adds disabled attribute, applies disabled styles","name":"disabled","required":false,"type":{"name":"boolean"}},"onRemove":{"defaultValue":null,"description":"Called when the remove button is clicked","name":"onRemove","required":false,"type":{"name":"() => void"}},"radius":{"defaultValue":"\'xl\'","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius. Numbers are converted to rem.","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"removeButtonProps":{"defaultValue":null,"description":"Props passed down to the remove button","name":"removeButtonProps","required":false,"type":{"name":"CloseButtonProps &
1ClassAttributes<HTMLButtonElement> & ButtonHTMLAttributes<HTMLButtonElement>"}},"size":{"defaultValue":"\'sm\'","description":"Controls pill <code>font-size</code> and <code>padding</code>","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"withRemoveButton":{"defaultValue":"false","description":"Controls visibility of the remove button","name":"withRemoveButton","required":false,"type":{"name":"boolean"}}}},"PillsInput":{"props":{"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}},"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"PinInput":{"props":{"ariaLabel":{"defaultValue":null,"description":"<code>aria-label</code> attribute","name":"ariaLabel","required":false,"type":{"name":"string"}},"autoFocus":{"defaultValue":"false","description":"If set, the first input is focused when component is mounted","name":"autoFocus","required":false,"type":{"name":"boolean"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"string"}},"disabled":{"defaultValue":null,"description":"Adds disabled attribute to all inputs","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Sets <code>aria-invalid</code> attribute and applies error styles to all inputs","name":"error","required":false,"type":{"name":"boolean"}},"form":{"defaultValue":null,"description":"Hidden input <code>form</code> attribute","name":"form","required":false,"type":{"name":"string"}},"gap":{"defaultValue":"\'sm\'","description":"Key of <code>theme.spacing</code> or any valid CSS value to set <code>gap</code> between inputs, numbers are converted to rem","name":"gap","required":false,"type":{"name":"MantineSpacing"}},"getInputProps":{"defaultValue":null,"description":"Props added to the input element depending on its index","name":"getInputProps","required":false,"type":{"name":"(index: number) => InputProps & ElementProps<\\"input\\", \\"size\\"> & DataAttributes"}},"hiddenInputProps":{"defaultValue":null,"description":"Props passed down to the hidden input","name":"hiddenInputProps","required":false,"type":{"name":"React.ComponentProps<\\"input\\">"}},"id":{"defaultValue":null,"description":"Base id used to generate unique ids for inputs","name":"id","required":false,"type":{"name":"string"}},"inputMode":{"defaultValue":null,"description":"<code>inputmode</code> attribute, inferred from the <code>type</code> prop if not specified","name":"inputMode","required":false,"type":{"name":"\\"search\\" | \\"text\\" | \\"none\\" | \\"tel\\" | \\"url\\" | \\"email\\" | \\"numeric\\" | \\"decimal\\"","raw":"\\"search\\" | \\"text\\" | \\"none\\" | \\"tel\\" | \\"url\\" | \\"email\\" | \\"numeric\\" | \\"decimal\\" | undefined","value":[{"value":"undefined"},{"value":"\\"search\\""},{"value":"\\"text\\""},{"value":"\\"none\\""},{"value":"\\"tel\\""},{"value":"\\"url\\""},{"value":"\\"email\\""},{"value":"\\"numeric\\""},{"value":"\\"decimal\\""}]}},"inputType":{"defaultValue":null,"description":"Inputs <code>type</code> attribute, inferred from the <code>type</code> prop if not specified","name":"inputType","required":false,"type":{"name":"HTMLInputTypeAttribute"}},"length":{"defaultValue":"4","description":"Number of inputs","name":"length","required":false,"type":{"name":"number"}},"manageFocus":{"defaultValue":"true","description":"Determines whether focus should be moved automatically to the next input once filled","name":"manageFocus","required":false,"type":{"name":"boolean"}},"mask":{"defaultValue":"false","description":"Changes input type to <code>\\"password\\"</code>","name":"mask","required":false,"type":{"name":"boolean"}},"name":{"defaultValue":null,"description":"Hidden input <code>name</code> attribute","name":"name","required":false,"type":{"name":"string"}}
1,"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: string) => void"}},"onComplete":{"defaultValue":null,"description":"Called when all inputs have value","name":"onComplete","required":false,"type":{"name":"(value: string) => void"}},"oneTimeCode":{"defaultValue":"true","description":"Determines whether <code>autocomplete=\\"one-time-code\\"</code> attribute should be set on all inputs","name":"oneTimeCode","required":false,"type":{"name":"boolean"}},"placeholder":{"defaultValue":"\'â\'","description":"Inputs placeholder","name":"placeholder","required":false,"type":{"name":"string"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"readOnly":{"defaultValue":null,"description":"If set, the user cannot edit the value","name":"readOnly","required":false,"type":{"name":"boolean"}},"rootRef":{"defaultValue":null,"description":"Assigns ref of the root element","name":"rootRef","required":false,"type":{"name":"Ref<HTMLDivElement>"}},"size":{"defaultValue":"\'sm\'","description":"Controls inputs <code>width</code> and <code>height</code>","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"success":{"defaultValue":null,"description":"Applies success styles to all inputs","name":"success","required":false,"type":{"name":"boolean"}},"type":{"defaultValue":"\'alphanumeric\'","description":"Determines which values can be entered","name":"type","required":false,"type":{"name":"\\"number\\" | RegExp | \\"alphanumeric\\""}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string"}}}},"Popover":{"props":{"arrowOffset":{"defaultValue":"5","description":"Arrow offset in px","name":"arrowOffset","required":false,"type":{"name":"number"}},"arrowPosition":{"defaultValue":null,"description":"Arrow position","name":"arrowPosition","required":false,"type":{"name":"\'center\' | \'side\'","raw":"ArrowPosition | undefined","value":[{"value":"undefined"},{"value":"\\"center\\""},{"value":"\\"side\\""},{"value":"\\"merge\\""}]}},"arrowRadius":{"defaultValue":"0","description":"Arrow <code>border-radius</code> in px","name":"arrowRadius","required":false,"type":{"name":"number"}},"arrowSize":{"defaultValue":"7","description":"Arrow size in px","name":"arrowSize","required":false,"type":{"name":"number"}},"children":{"defaultValue":null,"description":"<code>Popover.Target</code> and <code>Popover.Dropdown</code> components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"clickOutsideEvents":{"defaultValue":null,"description":"Events that trigger outside clicks","name":"clickOutsideEvents","required":false,"type":{"name":"string[]"}},"closeOnClickOutside":{"defaultValue":"true","description":"Determines whether dropdown should be closed on outside clicks","name":"closeOnClickOutside","required":false,"type":{"name":"boolean"}},"closeOnEscape":{"defaultValue":"true","description":"Determines whether dropdown should be closed when <code>Escape</code> key is pressed","name":"closeOnEscape","required":false,"type":{"name":"boolean"}},"defaultOpened":{"defaultValue":null,"description":"Initial opened state for uncontrolled component","name":"defaultOpened","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":null,"description":"If set, popover dropdown will not be rendered","name":"disabled","required":false,"type":{"name":"boolean"}},"floatingStrategy":{"defaultValue":"\'absolute\'","description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","name":"floatingStrategy","required":false,"type":{"name":"FloatingStrategy","raw":"FloatingStrategy | undefined","value":[{"value":"undefined"},{"value":"\\"fixed\\""},{"value":"\\"absolute\\""}]}},"hideDetached":{"defaultValue":"true","description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","name":"hideDetached","required":false,"type":{"name":"boolean"}},"id":{"defaultValue":null,"description":"Id base to create accessibility connections","name":"id","required":false,"type":{"name":"string"}},"keepMounted":{"defaultValue":null,"description":"If set, the dropdown is not unmounted from the DOM when hidden. <code>display: none</code> styles are added instead.","name":"keepMounted","required":false,"type":{"name":"boolean"}},"keepMountedMode":{"defaultValue":"\'activity\'","description":"Controls how the dropdown is hidden when <code>keepMounted</code> is set:\\n<code>\'activity\'</code> â hidden with React 19 <code>Activity</code> component,\\n<code>\'display-none\'</code> â hidden with <code>display: none</code> styles","name":"keepMountedMode","required":false,"type":{"name":"\\"activity\\" | \\"display-none\\"","raw":"\\"activity\\" | \\"display-none\\" | undefined","value":[{"value":"undefined"},{"value":"\\"activity\\""},{"value":"\\"display-none\\""}]}},"middlewares":{"defaultValue":"{ flip: true, shift: true, inline: false }","description":"Floating ui middlewares to configure position handling","name":"middlewares","required":false,"type":{"name":"PopoverMiddlewares"}},"offset":{"defaultValue":"8","description":"Offset of the dropdown element","name":"offset","required":false,"type":{"name":"number | FloatingAxesOffsets"}}
1,"onChange":{"defaultValue":null,"description":"Called with current state when dropdown opens or closes","name":"onChange","required":false,"type":{"name":"(opened: boolean) => void"}},"onClose":{"defaultValue":null,"description":"Called when dropdown closes","name":"onClose","required":false,"type":{"name":"() => void"}},"onDismiss":{"defaultValue":null,"description":"Called when the popover is dismissed by clicking outside or by pressing escape","name":"onDismiss","required":false,"type":{"name":"() => void"}},"onEnterTransitionEnd":{"defaultValue":null,"description":"Called when enter transition ends","name":"onEnterTransitionEnd","required":false,"type":{"name":"() => void"}},"onExitTransitionEnd":{"defaultValue":null,"description":"Called when exit transition ends","name":"onExitTransitionEnd","required":false,"type":{"name":"() => void"}},"onOpen":{"defaultValue":null,"description":"Called when dropdown opens","name":"onOpen","required":false,"type":{"name":"() => void"}},"onPositionChange":{"defaultValue":null,"description":"Called when dropdown position changes","name":"onPositionChange","required":false,"type":{"name":"(position: FloatingPosition) => void"}},"opened":{"defaultValue":null,"description":"Controlled dropdown opened state","name":"opened","required":false,"type":{"name":"boolean"}},"overlayProps":{"defaultValue":null,"description":"Props passed down to <code>Overlay</code> component","name":"overlayProps","required":false,"type":{"name":"OverlayProps & ElementProps<\\"div\\">"}},"portalProps":{"defaultValue":null,"description":"Props to pass down to the <code>Portal</code> when <code>withinPortal</code> is true","name":"portalProps","required":false,"type":{"name":"BasePortalProps"}},"position":{"defaultValue":"\'bottom\'","description":"Dropdown position relative to the target element","name":"position","required":false,"type":{"name":"FloatingPosition","raw":"FloatingPosition | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""},{"value":"\\"bottom\\""}
1,{"value":"\\"top\\""},{"value":"\\"left-end\\""},{"value":"\\"left-start\\""},{"value":"\\"right-end\\""},{"value":"\\"right-start\\""},{"value":"\\"bottom-end\\""},{"value":"\\"bottom-start\\""},{"value":"\\"top-end\\""},{"value":"\\"top-start\\""}]}},"preventPositionChangeWhenVisible":{"defaultValue":"true","description":"If <code>true</code>, the dropdown picks its side on open (flip runs once, preferring the <code>position</code> 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 <code>shift</code> middleware. Set to <code>false</code> to keep flip active and allow the dropdown to re-flip on every change.","name":"preventPositionChangeWhenVisible","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"returnFocus":{"defaultValue":"false","description":"Determines whether focus should be automatically returned to control when dropdown closes","name":"returnFocus","required":false,"type":{"name":"boolean"}},"shadow":{"defaultValue":null,"description":"Key of <code>theme.shadows</code> or any other valid CSS <code>box-shadow</code> value","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"transitionProps":{"defaultValue":"{ duration: 150, transition: \'fade\' }","description":"Props passed down to the <code>Transition</code> component. Use to configure duration and animation type.","name":"transitionProps","required":false,"type":{"name":"TransitionProps"}},"trapFocus":{"defaultValue":"false","description":"Determines whether focus should be trapped within dropdown","name":"trapFocus","required":false,"type":{"name":"boolean"}},"width":{"defaultValue":"\'max-content\'","description":"Dropdown width, or <code>\'target\'</code> to make dropdown width the same as target element","name":"width","required":false,"type":{"name":"PopoverWidth"}},"withArrow":{"defaultValue":"false","description":"Determines whether component should have an arrow","name":"withArrow","required":false,"type":{"name":"boolean"}},"withOverlay":{"defaultValue":"false","description":"Determines whether the overlay should be displayed when the dropdown is opened","name":"withOverlay","required":false,"type":{"name":"boolean"}},"withRoles":{"defaultValue":"true","description":"Determines whether dropdown and target elements should have accessible roles","name":"withRoles","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":"true","description":"Determines whether dropdown should be rendered within the <code>Portal</code>","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":"300","description":"Dropdown <code>z-index</code>","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"Popover.Target":{"props":{"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"popupType":{"defaultValue":"\'dialog\'","description":"Popup accessible type","name":"popupType","required":false,"type":{"name":"string"}},"refProp":{"defaultValue":null,"description":"Key of the prop that should be used to access element ref","name":"refProp","required":false,"type":{"name":"string"}}}},"Popover.Dropdown":{"description":"","props":{}},"Popover.ContextMenu":{"props":{"children":{"defaultValue":null,"description":"Element that opens the popover when right-clicked. Dropdown is positioned at the cursor. The trigger element must not call <code>event.preventDefault()</code> in its own <code>onContextMenu</code> handler, otherwise the native context menu is not suppressed.","name":"children","required":true,"type":{"name":"React.ReactNode"}},"disabled":{"defaultValue":null,"description":"If set, the right-click trigger is disabled and the browser\'s default context menu is shown","name":"disabled","required":false,"type":{"name":"boolean"}},"longPressDelay":{"defaultValue":null,"description":"Delay in ms before a touch long-press o
1pens the dropdown on touch devices, <code>500</code> by default","name":"longPressDelay","required":false,"type":{"name":"number"}}}},"Portal":{"props":{"children":{"defaultValue":null,"description":"Content to render inside the portal","name":"children","required":true,"type":{"name":"React.ReactNode"}},"reuseTargetNode":{"defaultValue":"true","description":"When true and target is not specified, all Portal instances share a single\\ncontainer node appended to document.body. When false, each Portal creates\\nits own container node.\\n\\nHas no effect when target is specified.","name":"reuseTargetNode","required":false,"type":{"name":"boolean"}},"target":{"defaultValue":null,"description":"Target element where portal should be rendered. Accepts:\\n- HTMLElement: Renders portal inside this element\\n- string: CSS selector - renders inside first matching element\\n- undefined: Uses shared portal node or creates new one based on <code>reuseTargetNode</code>\\n\\nNote: If selector doesn\'t match any element, portal will not render","name":"target","required":false,"type":{"name":"string | HTMLElement"}}}},"Progress":{"props":{"animated":{"defaultValue":"false","description":"If set, the sections stripes are animated (automatically enables striped)","name":"animated","required":false,"type":{"name":"boolean"}},"autoContrast":{"defaultValue":null,"description":"If set, adjusts label text color based on section background color for readability","name":"autoContrast","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS value","name":"color","required":false,"type":{"name":"MantineColor"}},"orientation":{"defaultValue":"\'horizontal\'","description":"Controls orientation","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":"\'md\'","description":"Controls track height","name":"size","required":false,"type":{"name":"MantineSize | number"}},"striped":{"defaultValue":"false","description":"If set, the section has stripes","name":"striped","required":false,"type":{"name":"boolean"}},"transitionDuration":{"defaultValue":"100","description":"Controls sections width transition duration, value is specified in ms","name":"transitionDuration","required":false,"type":{"name":"number"}},"value":{"defaultValue":null,"description":"Value of the progress","name":"value","required":true,"type":{"name":"number"}}}},"Radio":{"props":{"autoContrast":{"defaultValue":null,"description":"If set, adjusts text color based on background color for <code>filled</code> variant","name":"autoContrast","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of theme.colors or any valid CSS color to set radio background color in checked state","name":"color","required":false,"type":{"name":"MantineColor"}},"description":{"defaultValue":null,"description":"Description displayed below the label","name":"description","required":false,"type":{"name":"React.ReactNode"}},"error":{"defaultValue":null,"description":"Error displayed below the label","name":"error","required":false,"type":{"name":"React.ReactNode"}},"icon":{"defaultValue":null,"description":"A component that replaces the default radio icon (centered dot)","name":"icon","required":false,"type":{"name":"FC<RadioIconProps>"}},"iconColor":{"defaultValue":null,"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","name":"iconColor","required":false,"type":{"name":"MantineColor"}},"label":{"defaultValue":null,"description":"Content of the <code>label</code> associated with the radio","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelPosition":{"defaultValue":"\'right\'","description":"Position of the label relative to the input","name":"labelPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"radius":{"defaultValue":"\'xl\'","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"rootRef":{"defaultValue":null,"description":"Assigns ref of the root element","name":"rootRef","required":false,"type":{"name":"Ref<HTMLDivElement>"}},"size":{"defaultValue":"\'sm\'","description":"Controls size of the component","name":"size","required":false,"type":{"name":"MantineSize"}},"withErrorStyles":{"defaultValue":"true","description":"If set, applies error styles to the radio when <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}}}},"Rating":{"props":{"allowClear":{"defaultValue":null,"description":"When true, clicking the same rating value clears the rating to 0, default is false","name":"allowClear","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any CSS color value, default is \'yellow\'","name":"color","required":false,"type":{"name":"MantineColor"}},"count":{"defaultValue":null,"description":"Number of rating items (stars), default is 5","name":"count","required":false,"type":{"name":"number"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"number"}},"emptySymbol":{"defaultValue":null,"description":"Icon displayed for unselected rating items. Can be a function that receives the rating value.","name":"emptySymbol","required":false,"type":{"name":"ReactNode | ((value: number) => ReactNode)"}},"fractions":{"defaultValue":null,"description":"Number of fractions each item can be divided into, default is 1","name":"fractions","required":false,"type":{"name":"number"}},"fullSymbol":{"defaultValue":null,"description":"Icon displayed for selected rating items. Can be a function that receives the rating value.","name":"fullSymbol","required":false,"type":{"name":"ReactNode | ((value: number) => ReactNode)"}},"getSymbolLabel":{"defaultValue":null,"description":"Function to generate aria-label for each rating value. Receives the rating value as argument, default is (value) => String(value)","name":"getSymbolLabel","required":false,"type":{"name":"(index: number) => string"}},"highlightSelectedOnly":{"defaultValue":null,"description":"When true, only the clicked rating item is highlighted, not all items up to the selected value, default is false","name":"highlightSelectedOnly","required":false,"type":{"name":"boolean"}},"name":{"defaultValue":null,"description":"Name attribute for form submission. If not provided, a unique id will be generated.","name":"name","required":false,"type":{"name":"string"}}
1,"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: number) => void"}},"onHover":{"defaultValue":null,"description":"Called when rating item is hovered. Receives -1 when hover ends.","name":"onHover","required":false,"type":{"name":"(value: number) => void"}},"readOnly":{"defaultValue":null,"description":"When true, rating cannot be changed by user interaction, default is false","name":"readOnly","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":"\'sm\'","description":"Controls component size","name":"size","required":false,"type":{"name":"MantineSize | number"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"number"}}}},"RingProgress":{"props":{"label":{"defaultValue":null,"description":"Label displayed in the center of the ring","name":"label","required":false,"type":{"name":"React.ReactNode"}},"rootColor":{"defaultValue":null,"description":"Color of the unfilled portion of the ring (background). Defaults to gray-2 in light mode, dark-4 in dark mode","name":"rootColor","required":false,"type":{"name":"MantineColor"}},"roundCaps":{"defaultValue":"false","description":"Applies rounded line caps to the start and end of visible sections","name":"roundCaps","required":false,"type":{"name":"boolean"}},"sectionGap":{"defaultValue":"0","description":"Gap between sections in degrees. Reduces the visual size of each section","name":"sectionGap","required":false,"type":{"name":"number"}},"sections":{"defaultValue":null,"description":"Array of sections to display in the ring. Each section should have a <code>value</code> (0-100),\\n<code>color</code>, and optional <code>tooltip</code>. Sections can also receive any valid SVG circle element props.","name":"sections","required":true,"type":{"name":"RingProgressSection[]"}},"size":{"defaultValue":"120","description":"Width and height of the progress ring","name":"size","required":false,"type":{"name":"number"}},"startAngle":{"defaultValue":"270","description":"Starting angle in degrees. 0 = right, 90 = bottom, 180 = left, 270 = top","name":"startAngle","required":false,"type":{"name":"number"}},"thickness":{"defaultValue":"12","description":"Ring thickness in pixels. Cannot exceed size / 4 and will be automatically clamped if necessary","name":"thickness","required":false,"type":{"name":"number"}},"transitionDuration":{"defaultValue":"0","description":"Transition duration in milliseconds for section value and color changes","name":"transitionDuration","required":false,"type":{"name":"number"}}}},"RollingNumber":{"props":{"animationDuration":{"defaultValue":"600","description":"Animation duration in milliseconds","name":"animationDuration","required":false,"type":{"name":"number"}},"decimalScale":{"defaultValue":null,"description":"Number of decimal places to display","name":"decimalScale","required":false,"type":{"name":"number"}},"decimalSeparator":{"defaultValue":"\'.\'","description":"Character used as a decimal separator","name":"decimalSeparator","required":false,"type":{"name":"string"}},"fixedDecimalScale":{"defaultValue":"false","description":"If set, trailing zeros are added to match <code>decimalScale</code>","name":"fixedDecimalScale","required":false,"type":{"name":"boolean"}},"prefix":{"defaultValue":null,"description":"Prefix added before the value","name":"prefix","required":false,"type":{"name":"string"}},"suffix":{"defaultValue":null,"description":"Suffix added after the value","name":"suffix","required":false,"type":{"name":"string"}},"tabularNumbers":{"defaultValue":"true","description":"If set, use tabular (monospace) numbers","name":"tabularNumbers","required":false,"type":{"name":"boolean"}},"thousandSeparator":{"defaultValue":"false","description":"Character used to separate thousands, set to <code>true</code> for <code>,</code>","name":"thousandSeparator","required":false,"type":{"name":"string | boolean"}},"timingFunction":{"defaultValue":"\'ease\'","description":"CSS timing function for animation","name":"timingFunction","required":false,"type":{"name":"string"}},"value":{"defaultValue":null,"description":"Number value to display","name":"value","required":true,"type":{"name":"number"}},"withLiveRegion":{"defaultValue":"false","description":"If set, the root element acts as an <code>aria-live=\\"polite\\"</code>
1 region (<code>role=\\"status\\"</code>) and screen readers announce every value change. When <code>false</code>, the root uses <code>role=\\"img\\"</code> so the current value is still accessible but updates are not announced.","name":"withLiveRegion","required":false,"type":{"name":"boolean"}}}},"ScrollArea":{"props":{"offsetScrollbars":{"defaultValue":"false","description":"Determines whether scrollbars should be offset with padding on given axis\\n- <code>true</code> - adds padding to offset both scrollbars (always)\\n- <code>\'x\'</code> - adds padding to offset horizontal scrollbar (always)\\n- <code>\'y\'</code> - adds padding to offset vertical scrollbar (always)\\n- <code>\'present\'</code> - adds padding only when scrollbars are visible (dynamic)","name":"offsetScrollbars","required":false,"type":{"name":"boolean | \\"x\\" | \\"y\\" | \\"present\\""}},"onBottomReached":{"defaultValue":null,"description":"Called when scrollarea is scrolled to the bottom (within 0.8px tolerance for sub-pixel rendering)","name":"onBottomReached","required":false,"type":{"name":"() => void"}},"onLeftReached":{"defaultValue":null,"description":"Called when scrollarea is scrolled to the left (within 0.8px tolerance for sub-pixel rendering)","name":"onLeftReached","required":false,"type":{"name":"() => void"}},"onRightReached":{"defaultValue":null,"description":"Called when scrollarea is scrolled to the right (within 0.8px tolerance for sub-pixel rendering)","name":"onRightReached","required":false,"type":{"name":"() => void"}},"onScrollPositionChange":{"defaultValue":null,"description":"Called with current position (<code>x</code> and <code>y</code> coordinates) when viewport is scrolled","name":"onScrollPositionChange","required":false,"type":{"name":"(position: { x: number; y: number; }) => void"}},"onTopReached":{"defaultValue":null,"description":"Called when scrollarea is scrolled all the way to the top","name":"onTopReached","required":false,"type":{"name":"() => void"}},"overscrollBehavior":{"defaultValue":null,"description":"Defines <code>overscroll-behavior</code> of the viewport","name":"overscrollBehavior","required":false,"type":{"name":"OverscrollBehavior"}},"scrollHideDelay":{"defaultValue":"1000","description":"Scroll hide delay in ms, applicable only when type is set to <code>hover</code> or <code>scroll</code>","name":"scrollHideDelay","required":false,"type":{"name":"number"}},"scrollbarSize":{"defaultValue":null,"description":"Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 12px (0.75rem)","name":"scrollbarSize","required":false,"type":{"name":"string | number"}},"scrollbars":{"defaultValue":"\'xy\'","description":"Axis at which scrollbars must be rendered\\n- <code>\'x\'</code> - horizontal scrollbar only\\n- <code>\'y\'</code> - vertical scrollbar only\\n- <code>\'xy\'</code> - both scrollbars\\n- <code>false</code> - no scrollbars rendered (content remains scrollable via mouse/touch)","name":"scrollbars","required":false,"type":{"name":"false | \\"x\\" | \\"y\\" | \\"xy\\""}},"startScrollPosition":{"defaultValue":null,"description":"Initial scroll position set on mount","name":"startScrollPosition","required":false,"type":{"name":"{ x?: number; y?: number | undefined; } | undefined"}},"type":{"defaultValue":"\'hover\'","description":"Defines scrollbars behavior\\n- <code>\'hover\'</code> â scrollbars visible on hover (default)\\n- <code>\'scroll\'</code> â scrollbars visible during scrolling\\n- <code>\'auto\'</code> â scrollbars visible only when content overflows (like CSS overflow: auto)\\n- <code>\'always\'</code> â scrollbars always visible, even when content doesn\'t overflow\\n- <code>\'never\'</code> â scrollbars always hidden","name":"type","required":false,"type":{"name":"\\"auto\\" | \\"scroll\\" | \\"always\\" | \\"hover\\" | \\"never\\"","raw":"\\"auto\\" | \\"scroll\\" | \\"always\\" | \\"hover\\" | \\"never\\" | undefined","value":[{"value":"undefined"},{"value":"\\"auto\\""},{"value":"\\"scroll\\""},{"value":"\\"always\\""},{"value":"\\"hover\\""},{"value":"\\"never\\""}]}},"verticalScrollbarPosition":{"defaultValue":null,"description":"Pins the vertical scrollbar to a physical side (<code>left</code> or <code>right</code>) regardless of direction.\\nBy default, the scrollbar follows the inline-end edge (right in LTR, left in RTL).","name":"verticalScrollbarPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"viewportProps":{"defaultValue":null,"description":"Props passed down to the viewport element","name":"viewportProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"viewportRef":{"defaultValue":null,"description":"Assigns viewport element (scrollable container) ref","name":"viewportRef","required":false,"type":{"name":"Ref<HTMLDivElement>"}}}},"ScrollAreaAutosize":{"props":{"offsetScrollbars":{"defaultValue":"false","description":"Determines whether scrollbars should be offset with padding on given axis\\n- <code>true</code>
1 - adds padding to offset both scrollbars (always)\\n- <code>\'x\'</code> - adds padding to offset horizontal scrollbar (always)\\n- <code>\'y\'</code> - adds padding to offset vertical scrollbar (always)\\n- <code>\'present\'</code> - adds padding only when scrollbars are visible (dynamic)","name":"offsetScrollbars","required":false,"type":{"name":"boolean | \\"x\\" | \\"y\\" | \\"present\\""}},"onBottomReached":{"defaultValue":null,"description":"Called when scrollarea is scrolled to the bottom (within 0.8px tolerance for sub-pixel rendering)","name":"onBottomReached","required":false,"type":{"name":"() => void"}},"onLeftReached":{"defaultValue":null,"description":"Called when scrollarea is scrolled to the left (within 0.8px tolerance for sub-pixel rendering)","name":"onLeftReached","required":false,"type":{"name":"() => void"}},"onOverflowChange":{"defaultValue":null,"description":"Called when content overflows due to max-height, making the container scrollable","name":"onOverflowChange","required":false,"type":{"name":"(overflowing: boolean) => void"}},"onRightReached":{"defaultValue":null,"description":"Called when scrollarea is scrolled to the right (within 0.8px tolerance for sub-pixel rendering)","name":"onRightReached","required":false,"type":{"name":"() => void"}},"onScrollPositionChange":{"defaultValue":null,"description":"Called with current position (<code>x</code> and <code>y</code> coordinates) when viewport is scrolled","name":"onScrollPositionChange","required":false,"type":{"name":"(position: { x: number; y: number; }) => void"}},"onTopReached":{"defaultValue":null,"description":"Called when scrollarea is scrolled all the way to the top","name":"onTopReached","required":false,"type":{"name":"() => void"}},"overscrollBehavior":{"defaultValue":null,"description":"Defines <code>overscroll-behavior</code> of the viewport","name":"overscrollBehavior","required":false,"type":{"name":"OverscrollBehavior"}},"scrollHideDelay":{"defaultValue":"1000","description":"Scroll hide delay in ms, applicable only when type is set to <code>hover</code> or <code>scroll</code>","name":"scrollHideDelay","required":false,"type":{"name":"number"}},"scrollbarSize":{"defaultValue":null,"description":"Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 12px (0.75rem)","name":"scrollbarSize","required":false,"type":{"name":"string | number"}},"scrollbars":{"defaultValue":"\'xy\'","description":"Axis at which scrollbars must be rendered\\n- <code>\'x\'</code> - horizontal scrollbar only\\n- <code>\'y\'</code> - vertical scrollbar only\\n- <code>\'xy\'</code> - both scrollbars\\n- <code>false</code> - no scrollbars rendered (content remains scrollable via mouse/touch)","name":"scrollbars","required":false,"type":{"name":"false | \\"x\\" | \\"y\\" | \\"xy\\""}},"startScrollPosition":{"defaultValue":null,"description":"Initial scroll position set on mount","name":"startScrollPosition","required":false,"type":{"name":"{ x?: number; y?: number | undefined; } | undefined"}},"type":{"defaultValue":"\'hover\'","description":"Defines scrollbars behavior\\n- <code>\'hover\'</code> â scrollbars visible on hover (default)\\n- <code>\'scroll\'</code> â scrollbars visible during scrolling\\n- <code>\'auto\'</code> â scrollbars visible only when content overflows (like CSS overflow: auto)\\n- <code>\'always\'</code> â scrollbars always visible, even when content doesn\'t overflow\\n- <code>\'never\'</code> â scrollbars always hidden","name":"type","required":false,"type":{"name":"\\"auto\\" | \\"scroll\\" | \\"always\\" | \\"hover\\" | \\"never\\"","raw":"\\"auto\\" | \\"scroll\\" | \\"always\\" | \\"hover\\" | \\"never\\" | undefined","value":[{"value":"undefined"},{"value":"\\"auto\\""},{"value":"\\"scroll\\""},{"value":"\\"always\\""},{"value":"\\"hover\\""},{"value":"\\"never\\""}]}},"verticalScrollbarPosition":{"defaultValue":null,"description":"Pins the vertical scrollbar to a physical side (<code>left</code> or <code>right</code>) regardless of direction.\\nBy default, the scrollbar follows the inline-end edge (right in LTR, left in RTL).","name":"verticalScrollbarPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"viewportProps":{"defaultValue":null,"description":"Props passed down to the viewport element","name":"viewportProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"viewportRef":{"defaultValue":null,"description":"Assigns viewport element (scrollable container) ref","name":"viewportRef","required":false,"type":{"name":"Ref<HTMLDivElement>"}}}},"Scroller":{"props":{"children":{"defaultValue":null,"description":"Content to display","name":"children","required":true,"type":{"name":"React.ReactNode"}},"controlSize":{"defaultValue":"60px","description":"Size of the control buttons,","name":"controlSize","required":false,"type":{"name":"string | number"}},"draggable":{"defaultValue":null,"description":"Determines whether content can be scrolled by dragging with mouse, <code>true</code> by default","name":"draggable","required":false,"type":{"name":"boolean"}},"edgeGradientColor":{"defaultValue":null,"description":"Backgroun
1d color for the gradient fade on controls, <code>\'var(--mantine-color-body)\'</code> by default","name":"edgeGradientColor","required":false,"type":{"name":"string"}},"endControlIcon":{"defaultValue":null,"description":"Icon component for the end control, AccordionChevron by default","name":"endControlIcon","required":false,"type":{"name":"React.ReactNode"}},"endControlProps":{"defaultValue":null,"description":"Props passed to the end control button","name":"endControlProps","required":false,"type":{"name":"React.ComponentProps<\\"button\\">"}},"scrollAmount":{"defaultValue":null,"description":"Amount of pixels to scroll when clicking the control buttons, <code>200</code> by default","name":"scrollAmount","required":false,"type":{"name":"number"}},"showEndControl":{"defaultValue":null,"description":"Determines whether end control should always be visible regardless of scroll position, <code>false</code> by default","name":"showEndControl","required":false,"type":{"name":"boolean"}},"showStartControl":{"defaultValue":null,"description":"Determines whether start control should always be visible regardless of scroll position, <code>false</code> by default","name":"showStartControl","required":false,"type":{"name":"boolean"}},"startControlIcon":{"defaultValue":null,"description":"Icon component for the start control, AccordionChevron by default","name":"startControlIcon","required":false,"type":{"name":"React.ReactNode"}},"startControlProps":{"defaultValue":null,"description":"Props passed to the start control button","name":"startControlProps","required":false,"type":{"name":"React.ComponentProps<\\"button\\">"}}}},"SegmentedControl":{"props":{"autoContrast":{"defaultValue":null,"description":"If set, automatically adjusts label text color for optimal contrast against the indicator background color","name":"autoContrast","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":null,"description":"Key of <code>theme.colors</code> or any valid CSS color, changes indicator background color. By default, uses white in light mode and dark.5 in dar
1k mode","name":"color","required":false,"type":{"name":"MantineColor"}},"data":{"defaultValue":null,"description":"Data based on which controls are rendered","name":"data","required":true,"type":{"name":"(Value | SegmentedControlItem<Value>)[]"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"Primitive"}},"disabled":{"defaultValue":null,"description":"Determines whether the component is disabled","name":"disabled","required":false,"type":{"name":"boolean"}},"fullWidth":{"defaultValue":"false","description":"Determines whether the component should take 100% width of its parent","name":"fullWidth","required":false,"type":{"name":"boolean"}},"name":{"defaultValue":null,"description":"Name attribute for the radio group. A random name is auto-generated if not provided","name":"name","required":false,"type":{"name":"string"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: Value) => void"}},"orientation":{"defaultValue":"\'horizontal\'","description":"Component orientation","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"readOnly":{"defaultValue":null,"description":"If set to <code>false</code>, prevents changing the value","name":"readOnly","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":"\'sm\'","description":"Controls <code>font-size</code>, <code>padding</code> and <code>height</code> properties","name":"size","required":false,"type":{"name":"MantineSize"}},"transitionDuration":{"defaultValue":"200","description":"Indicator <code>transition-duration</code> in ms, set <code>0</code> to turn off transitions","name":"transitionDuration","required":false,"type":{"name":"number"}},"transitionTimingFunction":{"defaultValue":"ease","description":"Indicator <code>transition-timing-function</code> property","name":"transitionTimingFunction","required":false,"type":{"name":"string"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"Primitive"}},"withItemsBorders":{"defaultValue":"true","description":"Determines whether there should be borders between items","name":"withItemsBorders","required":false,"type":{"name":"boolean"}}}},"Select":{"props":{"allowDeselect":{"defaultValue":"true","description":"Allows deselecting the selected option by clicking it","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"autoSelectOnBlur":{"defaultValue":"false","description":"Automatically selects the highlighted option when input loses focus","name":"autoSelectOnBlur","required":false,"type":{"name":"boolean"}},"checkIconPosition":{"defaultValue":"\'left\'","description":"Position of the check icon relative to the option label","name":"checkIconPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"chevronColor":{"defaultValue":null,"description":"Controls color of the default chevron, by default depends on the color scheme","name":"chevronColor","required":false,"type":{"name":"MantineColor"}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to the clear button","name":"clearButtonProps","required":false,"type":{"name":"InputClearButtonProps"}},"clearSectionMode":{"defaultValue":"\'both\'","description":"Determines how the clear button and rightSection are rendered","name":"clearSectionMode","required":false,"type":{"name":"ClearSectionMode","raw":"ClearSectionMode | undefined","value":[{"value":"undefined"},{"value":"\\"both\\""},{"value":"\\"rightSection\\""},{"value":"\\"clear\\""}]}},"clearable":{"defaultValue":"false","description":"Displays clear button in the right section when component has value","name":"clearable","required":false,"type":{"name":"boolean"}},"comboboxProps":{"defaultValue":null,"description":"Props passed down to <code>Combobox</code> component","name":"comboboxProps","required":false,"type":{"name":"ComboboxProps"}},"data":{"defaultValue":null,"description":"Data used to generate options. Values must be unique, otherwise an error will be thrown and component will not render.","name":"data","required":false,"type":{"name":"ComboboxData<Value>"}},"defaultDropdownOpened":{"defaultValue":null,"description":"Uncontrolled dropdown initial opened state","name":"defaultDropdownOpened","required":false,"type":{"name":"boolean"}},"defaultSearchValue":{"defaultValue":null,"description":"Default search value","name":"defaultSearchValue","required":false,"type":{"name":"string"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"Primitive | null"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}}
1,"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownOpened":{"defaultValue":null,"description":"Controlled dropdown opened state","name":"dropdownOpened","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"filter":{"defaultValue":null,"description":"Function based on which items are filtered and sorted","name":"filter","required":false,"type":{"name":"OptionsFilter<Value>"}},"floatingHeight":{"defaultValue":null,"description":"If set to <code>\'viewport\'</code>, the dropdown grows to fill the available vertical space in the viewport. Disables the <code>flip</code> middleware.","name":"floatingHeight","required":false,"type":{"name":"\\"viewport\\"","raw":"\\"viewport\\" | undefined","value":[{"value":"undefined"},{"value":"\\"viewport\\""}]}},"hiddenInputProps":{"defaultValue":null,"description":"Props passed down to the hidden input","name":"hiddenInputProps","required":false,"type":{"name":"React.ComponentProps<\\"input\\">"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"limit":{"defaultValue":null,"description":"Maximum number of options displayed at a time, <code>Infinity</code> by default","name":"limit","required":false,"type":{"name":"number"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"maxDropdownHeight":{"defaultValue":null,"description":"<code>max-height</code> of the dropdown, only applicable when <code>withScrollArea</code> prop is <code>true</code>, <code>220</code> by default","name":"maxDropdownHeight","required":false,"type":{"name":"string | number"}},"nothingFoundMessage":{"defaultValue":null,"description":"Message displayed when no options match the search query or when there is no data","name":"nothingFoundMessage","required":false,"type":{"name":"React.ReactNode"}}
1,"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: Value | null, option: ComboboxItem<Value>) => void"}},"onClear":{"defaultValue":null,"description":"Called when the clear button is clicked","name":"onClear","required":false,"type":{"name":"() => void"}},"onDropdownClose":{"defaultValue":null,"description":"Called when dropdown closes","name":"onDropdownClose","required":false,"type":{"name":"() => void"}},"onDropdownOpen":{"defaultValue":null,"description":"Called when dropdown opens","name":"onDropdownOpen","required":false,"type":{"name":"() => void"}},"onOptionSubmit":{"defaultValue":null,"description":"Called when option is submitted from dropdown with mouse click or <code>Enter</code> key","name":"onOptionSubmit","required":false,"type":{"name":"(value: Value) => void"}},"onSearchChange":{"defaultValue":null,"description":"Called when search changes","name":"onSearchChange","required":false,"type":{"name":"(value: string) => void"}},"openOnFocus":{"defaultValue":"true","description":"Opens dropdown when input receives focus (requires searchable={true})","name":"openOnFocus","required":false,"type":{"name":"boolean"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"renderOption":{"defaultValue":null,"description":"A function to render content of the option, replaces the default content of the option","name":"renderOption","required":false,"type":{"name":"(item: ComboboxLikeRenderOptionInput<ComboboxItem<Value>>) => ReactNode"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"scrollAreaProps":{"defaultValue":null,"description":"Props passed down to the underlying <code>ScrollArea</code> component in the dropdown","name":"scrollAreaProps","required":false,"type":{"name":"ScrollAreaProps"}},"searchValue":{"defaultValue":null,"description":"Controlled search value","name":"searchValue","required":false,"type":{"name":"string"}},"searchable":{"defaultValue":"false","description":"Determines whether the select should be searchable","name":"searchable","required":false,"type":{"name":"boolean"}},"selectFirstOptionOnChange":{"defaultValue":null,"description":"If set, the first option is selected when value changes, <code>false</code> by default","name":"selectFirstOptionOnChange","required":false,"type":{"name":"boolean"}},"selectFirstOptionOnDropdownOpen":{"defaultValue":null,"description":"If set, the first option is selected when dropdown opens, <code>false</code> by default","name":"selectFirstOptionOnDropdownOpen","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"Primitive | null"}},"withAlignedLabels":{"defaultValue":"false","description":"Aligns unchecked labels with the checked one","name":"withAlignedLabels","required":false,"type":{"name":"boolean"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withCheckIcon":{"defaultValue":"true","description":"Displays check icon near the selected option label","name":"withCheckIcon","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withScrollArea":{"defaultValue":null,"description":"Determines whether the options should be wrapped with <code>ScrollArea.AutoSize</code>, <code>true</code> by default","name":"withScrollArea","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"SemiCircleProgress":{"props":{"emptySegmentColor":{"defaultValue":"\'gray.2\' in light mode, \'dar
1k.4\' in dark mode","description":"Key of <code>theme.colors</code> or any valid CSS color value","name":"emptySegmentColor","required":false,"type":{"name":"MantineColor"}},"fillDirection":{"defaultValue":"\'left-to-right\'","description":"Direction from which the circle is filled","name":"fillDirection","required":false,"type":{"name":"\\"right-to-left\\" | \\"left-to-right\\"","raw":"\\"right-to-left\\" | \\"left-to-right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"right-to-left\\""},{"value":"\\"left-to-right\\""}]}},"filledSegmentColor":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color value","name":"filledSegmentColor","required":false,"type":{"name":"MantineColor"}},"label":{"defaultValue":null,"description":"Label rendered inside the circle","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelPosition":{"defaultValue":"\'bottom\'","description":"Label position relative to the circle center","name":"labelPosition","required":false,"type":{"name":"\\"center\\" | \\"bottom\\"","raw":"\\"center\\" | \\"bottom\\" | undefined","value":[{"value":"undefined"},{"value":"\\"center\\""},{"value":"\\"bottom\\""}]}},"orientation":{"defaultValue":"\'up\'","description":"Orientation of the circle","name":"orientation","required":false,"type":{"name":"\\"up\\" | \\"down\\"","raw":"\\"up\\" | \\"down\\" | undefined","value":[{"value":"undefined"},{"value":"\\"up\\""},{"value":"\\"down\\""}]}},"size":{"defaultValue":"200","description":"Width of the component and diameter of the full circle in px. The visible SVG height will be size/2","name":"size","required":false,"type":{"name":"number"}},"thickness":{"defaultValue":"12","description":"Stroke width of the circle segments in px","name":"thickness","required":false,"type":{"name":"number"}},"transitionDuration":{"defaultValue":"0","description":"Transition duration for the filled segment progress changes in ms. Does not affect color transitions","name":"transitionDuration","required":false,"type":{"name":"number"}},"value":{"defaultValue":null,"description":"Progress value from <code>0</code> to <code>100</code>","name":"value","required":true,"type":{"name":"number"}}}},"SimpleGrid":{"props":{"autoFlow":{"defaultValue":"\'auto-fill\'","description":"Grid repeat type when minColWidth is set","name":"autoFlow","required":false,"type":{"name":"\\"auto-fit\\" | \\"auto-fill\\"","raw":"\\"auto-fit\\" | \\"auto-fill\\" | undefined","value":[{"value":"undefined"},{"value":"\\"auto-fit\\""},{"value":"\\"auto-fill\\""}]}},"autoRows":{"defaultValue":null,"description":"Sets the size of implicitly created grid rows","name":"autoRows","required":false,"type":{"name":"string"}},"cols":{"defaultValue":"1","description":"Number of columns","name":"cols","required":false,"type":{"name":"StyleProp<number>"}},"minColWidth":{"defaultValue":null,"description":"Minimum column width when using auto-fit/auto-fill. When set, cols prop is ignored","name":"minColWidth","required":false,"type":{"name":"string | number"}},"spacing":{"defaultValue":"\'md\'","description":"Spacing between columns","name":"spacing","required":false,"type":{"name":"StyleProp<MantineSpacing>"}},"type":{"defaultValue":"\'media\'","description":"Determines type of queries that are used for responsive styles","name":"type","required":false,"type":{"name":"\\"media\\" | \\"container\\"","raw":"\\"media\\" | \\"container\\" | undefined","value":[{"value":"undefined"},{"value":"\\"media\\""},{"value":"\\"container\\""}]}},"verticalSpacing":{"defaultValue":"undefined","description":"Spacing between rows. When not set, falls back to spacing value","name":"verticalSpacing","required":false,"type":{"name":"StyleProp<MantineSpacing>"}}}},"Skeleton":{"props":{"animate":{"defaultValue":"true","description":"Enables animation","name":"animate","required":false,"type":{"name":"boolean"}},"circle":{"defaultValue":"false","description":"If set, Skeleton <code>width</code> and <code>border-radius</code> are equal to its <code>height</code>","name":"circle","required":false,"type":{"name":"boolean"}},"height":{"defaultValue":"auto","description":"Skeleton <code>height</code>, numbers are converted to rem","name":"height","required":false,"type":{"name":"Height<string | number>"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius. Numbers are converted to rem.","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"visible":{"defaultValue":"true","description":"Determines whether Skeleton overlay should be displayed","
1name":"visible","required":false,"type":{"name":"boolean"}},"width":{"defaultValue":"100%","description":"Skeleton <code>width</code>, numbers are converted to rem, ignored when <code>circle</code> prop is set.","name":"width","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}}}},"Space":{"description":"","props":{}},"Splitter":{"props":{"children":{"defaultValue":null,"description":"Splitter panes","name":"children","required":false,"type":{"name":"React.ReactNode"}},"handleColor":{"defaultValue":null,"description":"Key of <code>theme.colors</code> or any valid CSS color for the separator line","name":"handleColor","required":false,"type":{"name":"MantineColor"}},"handleIcon":{"defaultValue":null,"description":"Custom icon displayed in the handle thumb, by default uses grip icon based on orientation","name":"handleIcon","required":false,"type":{"name":"React.ReactNode"}},"lineSize":{"defaultValue":"2","description":"CSS value for separator line thickness between panes","name":"lineSize","required":false,"type":{"name":"string | number"}},"onCollapseChange":{"defaultValue":null,"description":"Called when a panel collapses or expands","name":"onCollapseChange","required":false,"type":{"name":"(panelIndex: number, collapsed: boolean) => void"}},"onResizeEnd":{"defaultValue":null,"description":"Called when drag ends","name":"onResizeEnd","required":false,"type":{"name":"(handleIndex: number, sizes: SplitterPaneSize[]) => void"}},"onResizeStart":{"defaultValue":null,"description":"Called when drag starts","name":"onResizeStart","required":false,"type":{"name":"(handleIndex: number) => void"}},"onSizeChange":{"defaultValue":null,"description":"Called during resize with updated sizes, each value keeps its declared unit","name":"onSizeChange","required":false,"type":{"name":"(sizes: SplitterPaneSize[]) => void"}},"orientation":{"defaultValue":"\'horizontal\'","description":"Layout direction","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"redistribute":{"defaultValue":null,"description":"How to redistribute space when immediate neighbor is at its min/max","name":"redistribute","required":false,"type":{"name":"\\"nearest\\" | \\"equal\\" | UseSplitterRedistributeFn"}},"resetOnDoubleClick":{"defaultValue":"true","description":"Restore the two panes adjacent to a handle to their default ratio (preserving their combined size) when the handle is double-clicked","name":"resetOnDoubleClick","required":false,"type":{"name":"boolean"}},"shiftStep":{"defaultValue":"10","description":"Shift+arrow step size, a <code>number</code>/<code>%</code> is a percentage, <code>px</code>/<code>rem</code> is resolved to pixels","name":"shiftStep","required":false,"type":{"name":"SplitterStep"}},"sizes":{"defaultValue":null,"description":"Controlled sizes, each value keeps the unit it was declared in (number/<code>%</code> flexible, <code>px</code>/<code>rem</code> fixed)","name":"sizes","required":false,"type":{"name":"SplitterPaneSize[]"}},"splitterRef":{"defaultValue":null,"description":"Ref to imperative splitter API (sizes, collapse, expand, etc.)","name":"splitterRef","required":false,"type":{"name":"RefObject<UseSplitterReturnValue<any> | null>"}},"step":{"defaultValue":"1","description":"Keyboard step size, a <code>number</code>/<code>%</code> is a percentage, <code>px</code>/<code>rem</code> is resolved to pixels","name":"step","required":false,"type":{"name":"SplitterStep"}},"withHandle":{"defaultValue":"true","description":"Determines whether the thumb with grip icon is displayed on the handle","name":"withHandle","required":false,"type":{"name":"boolean"}}}},"Spoiler":{"props":{"controlRef":{"defaultValue":null,"description":"Ref of the toggle button element","name":"controlRef","required":false,"type":{"name":"Ref<HTMLButtonElement>"}},"defaultExpanded":{"defaultValue":"false","description":"Initial expanded state in uncontrolled mode. If <code>true</code>, content starts expanded. If <code>false</code>, content starts collapsed","name":"defaultExpanded","required":false,"type":{"name":"boolean"}},"expanded":{"defaultValue":null,"description":"Controlled expanded state value","name":"expanded","required":false,"type":{"name":"boolean"}},"hideAriaLabel":{"defaultValue":null,"description":"Accessible label for the toggle button when expanded. If not set, <code>hideLabel</code> is used","name":"hideAriaLabel","required":false,"type":{"name":"string"}},"hideLabel":{"defaultValue":null,"description":"Content displayed in the toggle button when content is expanded (to collapse)","
1name":"hideLabel","required":true,"type":{"name":"React.ReactNode"}},"maxHeight":{"defaultValue":"100","description":"Maximum height of visible content in px. When content exceeds this height, the toggle control appears","name":"maxHeight","required":false,"type":{"name":"number"}},"onExpandedChange":{"defaultValue":null,"description":"Called when expanded state changes (when spoiler visibility is toggled by the user)","name":"onExpandedChange","required":false,"type":{"name":"(expanded: boolean) => void"}},"showAriaLabel":{"defaultValue":null,"description":"Accessible label for the toggle button when collapsed. If not set, <code>showLabel</code> is used","name":"showAriaLabel","required":false,"type":{"name":"string"}},"showLabel":{"defaultValue":null,"description":"Content displayed in the toggle button when content is collapsed (to expand)","name":"showLabel","required":true,"type":{"name":"React.ReactNode"}},"transitionDuration":{"defaultValue":"200","description":"Spoiler reveal transition duration in ms. Set to 0 to disable animation","name":"transitionDuration","required":false,"type":{"name":"number"}}}},"Stack":{"props":{"align":{"defaultValue":"\'stretch\'","description":"Controls <code>align-items</code> CSS property","name":"align","required":false,"type":{"name":"AlignItems"}},"gap":{"defaultValue":"\'md\'","description":"Key of <code>theme.spacing</code> or any valid CSS value to set <code>gap</code> property, numbers are converted to rem","name":"gap","required":false,"type":{"name":"MantineSpacing"}},"justify":{"defaultValue":"\'flex-start\'","description":"Controls <code>justify-content</code> CSS property","name":"justify","required":false,"type":{"name":"JustifyContent"}}}},"Stepper":{"props":{"active":{"defaultValue":null,"description":"Index of the active step","name":"active","required":true,"type":{"name":"number"}},"allowNextStepsSelect":{"defaultValue":"true","description":"When true, users can click and jump to any step. When false, users can only navigate to completed steps","name":"allowNextStepsSelect","required":false,"type":{"name":"boolean"}},"autoContrast":{"defaultValue":null,"description":"When true, automatically adjusts the icon color in completed steps to ensure sufficient contrast against the step background color","name":"autoContrast","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"<code>Stepper.Step</code> components","name":"children","required":true,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color, controls colors of active and progress steps","name":"color","required":false,"type":{"name":"MantineColor"}},"completedIcon":{"defaultValue":"CheckIcon","description":"Step icon displayed when step is completed","name":"completedIcon","required":false,"type":{"name":"ReactNode | StepFragmentComponent"}},"contentPadding":{"defaultValue":"\'md\'","description":"Key of <code>theme.spacing</code> or any valid CSS value to set <code>padding-top</code> of the content","name":"contentPadding","required":false,"type":{"name":"MantineSpacing"}},"icon":{"defaultValue":"step index + 1","description":"Step icon","name":"icon","required":false,"type":{"name":"ReactNode | StepFragmentComponent"}},"iconPosition":{"defaultValue":"\'left\'","description":"Icon position relative to the step body. Ignored if <code>labelPosition=\\"bottom\\"</code> is set â with the label below the icon there is no left/right to place it on.","name":"iconPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"iconSize":{"defaultValue":null,"description":"Controls size of the step icon, by default icon size is inferred from <code>size</code> prop","name":"iconSize","required":false,"type":{"name":"string | number"}},"keepMounted":{"defaultValue":"false","description":"If set, all step content is kept mounted. React 19 <code>Activity</code> is used to preserve state while content is hidden.","name":"keepMounted","required":false,"type":{"name":"boolean"}},"labelPosition":{"defaultValue":"\'right\'","description":"Controls position of the step label and description relative to the step icon. Takes precedence over <code>iconPosition</code>. Ignored if <code>orientation=\\"vertical\\"</code> is set.","name":"labelPosition","required":false,"type":{"name":"\\"right\\" | \\"bottom\\"","raw":"\\"right\\" | \\"bottom\\" | undefined","value":[{"value":"undefined"},{"value":"\\"right\\""},{"value":"\\"bottom\\""}]}},"onStepClick":{"defaultValue":null,"description":"Called when a clickable step is clicked with its 0-based index. Not called for the currently active step.","name":"onStepClick","required":false,"type":{"name":"(stepIndex: number) => void"}},"orientation":{"defaultValue":"\'horizontal\'","description":"Stepper orientation","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"progressIcon":{"defaultValue":"step index + 1","description":"Step icon displayed when step is in progress","name":"progressIcon","required":false,"type":{"name":"ReactNode | StepFragmentComponent"}},"radius":{"defaultValue":"\\"xl\\"","description":"Key of <code>theme.radius</code> or any valid CSS value to set steps border-radius","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":null,"description":"Controls size of various Stepper elements","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"wrap":{"defaultValue":"true","description":"Determines whether steps should wrap to the next line if no space is available","name":"wrap","required":false,"type":{"name":"boolean"}}}},"Switch":{"props":{"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color to set input color in checked state","name":"color","required":false,"type":{"name":"MantineColor"}},"description":{"defaultValue":null,"description":"Description displayed below the label","name":"description","required":false,"type":{"name":"React.ReactNode"}},"error":{"defaultValue":null,"description":"Error displayed below the label","name":"error","required":false,"type":{"name":"React.ReactNode"}},"id":{"defaultValue":null,"description":"Id used to bind input and label, if not passed, unique id will be generated instead","name":"id","required":false,"type":{"name":"string"}},"label":{"defaultValue":null,"description":"Content of the label associated with the switch","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelPosition":{"defaultValue":"\'right\'","description":"Position of the label relative to the input","name":"labelPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"offLabel":{"defaultValue":null,"description":"Inner label when the <code>Switch</code> is in unchecked state","name":"offLabel","required":false,"type":{"name":"React.ReactNode"}},"onLabel":{"defaultValue":null,"description":"Inner label when the <code>Switch</code> is in checked state","name":"onLabel","required":false,"type":{"name":"React.ReactNode"}},"radius":{"defaultValue":"\'xl\'","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"rootRef":{"defaultValue":null,"description":"Assigns ref of the root element","name":"rootRef","required":false,"type":{"name":"Ref<HTMLDivElement>"}},"size":{"defaultValue":null,"description":"Controls size of all elements","name":"size","required":false,"type":{"name":"MantineSize"}},"thumbIcon":{"defaultValue":null,"description":"Icon inside the thumb of the switch","name":"thumbIcon","required":false,"type":{"name":"React.ReactNode"}},"withThumbIndicator":{"defaultValue":"true","description":"If set, displays a colored dot inside the thumb that matches the track background color","name":"withThumbIndicator","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}}}},"Table":{"props":{"borderColor":{"defaultValue":null,"description":"Color of table borders, key of <code>theme.colors</code> or any valid CSS color","name":"borderColor","required":false,"type":{"name":"MantineColor"}},"captionSide":{"defaultValue":"bottom","description":"Side of the <code>Table.Caption</code>","name":"captionSide","required":false,"type":{"name":"\\"bottom\\" | \\"top\\"","raw":"\\"bottom\\" | \\"top\\" | undefined","value":[{"value":"undefined"},{"value":"\\"bottom\\""}
1,{"value":"\\"top\\""}]}},"data":{"defaultValue":null,"description":"Data used to generate table, ignored if <code>children</code> prop is set","name":"data","required":false,"type":{"name":"TableData"}},"highlightOnHover":{"defaultValue":"false","description":"If set, table rows background changes to <code>highlightOnHoverColor</code> when hovered","name":"highlightOnHover","required":false,"type":{"name":"boolean"}},"highlightOnHoverColor":{"defaultValue":null,"description":"Background color of table rows when hovered, key of <code>theme.colors</code> or any valid CSS color","name":"highlightOnHoverColor","required":false,"type":{"name":"MantineColor"}},"horizontalSpacing":{"defaultValue":"xs","description":"Horizontal cells spacing, key of <code>theme.spacing</code> or any valid CSS value for padding, numbers are converted to rem","name":"horizontalSpacing","required":false,"type":{"name":"MantineSpacing"}},"layout":{"defaultValue":"auto","description":"Value of <code>table-layout</code> style","name":"layout","required":false,"type":{"name":"TableLayout","raw":"TableLayout | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"auto\\""},{"value":"\\"fixed\\""}]}},"stickyHeader":{"defaultValue":"false","description":"If set, <code>Table.Thead</code> is sticky","name":"stickyHeader","required":false,"type":{"name":"boolean"}},"stickyHeaderOffset":{"defaultValue":"0","description":"Offset from top at which <code>Table.Thead</code> should become sticky","name":"stickyHeaderOffset","required":false,"type":{"name":"string | number"}},"striped":{"defaultValue":"false","description":"If set, every odd/even row background changes to <code>stripedColor</code>, if set to <code>true</code>, then <code>odd</code> value will be used","name":"striped","required":false,"type":{"name":"boolean | \\"odd\\" | \\"even\\""}},"stripedColor":{"defaultValue":null,"description":"Background color of striped rows, key of <code>theme.colors</code> or any valid CSS color","name":"stripedColor","required":false,"type":{"name":"MantineColor"}},"tabularNums":{"defaultValue":"false","description":"If set, <code>font-variant-numeric: tabular-nums</code> style is applied","name":"tabularNums","required":false,"type":{"name":"boolean"}},"verticalSpacing":{"defaultValue":"xs","description":"Vertical cells spacing, key of <code>theme.spacing</code> or any valid CSS value for padding, numbers are converted to rem","name":"verticalSpacing","required":false,"type":{"name":"MantineSpacing"}},"withColumnBorders":{"defaultValue":"false","description":"If set, the table has borders between columns","name":"withColumnBorders","required":false,"type":{"name":"boolean"}},"withRowBorders":{"defaultValue":"true","description":"If set, the table has borders between rows","name":"withRowBorders","required":false,"type":{"name":"boolean"}},"withTableBorder":{"defaultValue":"false","description":"If set, the table has the outer border","name":"withTableBorder","required":false,"type":{"name":"boolean"}}}},"TableOfContents":{"props":{"autoContrast":{"defaultValue":null,"description":"If set, adjusts text color based on background color for <code>filled</code> variant","name":"autoContrast","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color value","name":"color","required":false,"type":{"name":"MantineColor"}},"depthOffset":{"defaultValue":null,"description":"Controls padding on the left side of control, multiplied by (<code>depth</code> - <code>minDepthToOffset</code>), <code>20px</code> by default","name":"depthOffset","required":false,"type":{"name":"string | number"}},"getControlProps":{"defaultValue":null,"description":"A function to pass props down to controls, accepts values from <code>use-scroll-spy</code> hook as an argument and active state.","name":"getControlProps","required":false,"type":{"name":"(payload: TableOfContentsGetControlPropsPayload) => UnstyledButtonProps & ElementProps<\\"button\\"> & Record<...>"}},"initialData":{"defaultValue":null,"description":"Data used to render content until actual values are retrieved from the DOM","name":"initialData","required":false,"type":{"name":"InitialTableOfContentsData[]"}},"minDepthToOffset":{"defaultValue":null,"description":"Minimum <code>depth</code> value that requires offset, <code>1</code> by default","name":"minDepthToOffset","required":false,"type":{"name":"number"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"reinitializeRef":{"defaultValue":null,"description":"A function to reinitialize headings from <code>use-scroll-spy</code> hook","name":"reinitializeRef","required":false,"type":{"name":"RefObject<() => void>"}},"scrollSpyOptions":{"defaultValue":null,"description":"Options passed down to <code>use-scroll-spy</code> hook","name":"scrollSpyOptions","required":false,"type":{"name":"UseScrollSpyOptions"}},"size":{"defaultValue":"\'md\'","description":"Controls font-size and padding of all elements","name":"size","required":false,"type":{"name":"MantineSize | number"}}}},"Tabs":{"props":{"activateTabWithKeyboard":{"defaultValue":"true","description":"If set, tab is activated
1with arrow key press","name":"activateTabWithKeyboard","required":false,"type":{"name":"boolean"}},"allowTabDeactivation":{"defaultValue":"false","description":"If set, tab can be deactivated","name":"allowTabDeactivation","required":false,"type":{"name":"boolean"}},"autoContrast":{"defaultValue":null,"description":"If set, adjusts text color based on background color for <code>pills</code> variant","name":"autoContrast","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Tabs content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":null,"description":"Changes colors of <code>Tabs.Tab</code> components when variant is <code>pills</code> or <code>default</code>, does nothing for other variants","name":"color","required":false,"type":{"name":"MantineColor"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"string | null"}},"id":{"defaultValue":null,"description":"Base id, used to generate ids to connect labels with controls, generated randomly by default","name":"id","required":false,"type":{"name":"string"}},"inverted":{"defaultValue":"false","description":"Determines whether tabs should have inverted styles","name":"inverted","required":false,"type":{"name":"boolean"}},"keepMounted":{"defaultValue":"true","description":"If set to <code>false</code>, <code>Tabs.Panel</code> content will be unmounted when the associated tab is not active","name":"keepMounted","required":false,"type":{"name":"boolean"}},"keepMountedMode":{"defaultValue":"\'activity\'","description":"Controls how inactive tabs content is hidden when <code>keepMounted</code> is <code>true</code>, <code>\'activity\'</code> â hidden with <code>Activity</code> component, <code>\'display-none\'</code> â hidden with <code>display: none</code> styles","name":"keepMountedMode","required":false,"type":{"name":"\\"activity\\" | \\"display-none\\"","raw":"\\"activity\\" | \\"display-none\\" | undefined","value":[{"value":"undefined"},{"value":"\\"activity\\""},{"value":"\\"display-none\\""}]}},"loop":{"defaultValue":"true","description":"If set, arrow key presses loop though items (first to last and last to first)","name":"loop","required":false,"type":{"name":"boolean"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: string | null) => void"}},"orientation":{"defaultValue":"\'horizontal\'","description":"Tabs orientation","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"placement":{"defaultValue":"\'left\'","description":"<code>Tabs.List</code> placement relative to <code>Tabs.Panel</code>, applicable only when <code>orientation=\\"vertical\\"</code>","name":"placement","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string | null"}}}},"TagsInput":{"props":{"acceptValueOnBlur":{"defaultValue":"true","description":"If set, the value typed in by the user but not submitted is accepted when the input is blurred","name":"acceptValueOnBlur","required":false,"type":{"name":"boolean"}},"allowDuplicates":{"defaultValue":"false","description":"If set, duplicate tags are allowed","name":"allowDuplicates","required":false,"type":{"name":"boolean"}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to the clear button","name":"clearButtonProps","required":false,"type":{"name":"InputClearButtonProps"}},"clearSectionMode":{"defaultValue":"\'both\'","description":"Determines how the clear button and rightSection are rendered","name":"clearSectionMode","required":false,"type":{"name":"ClearSectionMode","raw":"ClearSectionMode | undefined","value":[{"value":"undefined"},{"value":"\\"both\\""},{"value":"\\"rightSection\\""},{"value":"\\"clear\\""}]}},"clearable":{"defaultValue":"false","description":"If set, the clear button is displayed in the right section when the component has value","name":"clearable","required":false,"type":{"name":"boolean"}},"comboboxProps":{"defaultValue":null,"description":"Props passed down to <code>Combobox</code> component","name":"comboboxProps","required":false,"type":{"name":"ComboboxProps"}},"data":{"defaultValue":null,"description":"Data displayed in the dropdown. Values must be unique.","name":"data","required":false,"type":{"name":"ComboboxGenericData"}},"defaultDropdownOpened":{"defaultValue":null,"description":"Uncontrolled dropdown initial opened state","name":"defaultDropdownOpened","required":false,"type":{"name":"boolean"}},"defaultSearchValue":{"defaultValue":null,"description":"Default search value","name":"defaultSearchValue","required":false,"type":{"name":"string"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"string[]"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}}
1,"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownOpened":{"defaultValue":null,"description":"Controlled dropdown opened state","name":"dropdownOpened","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"filter":{"defaultValue":null,"description":"Function based on which items are filtered and sorted","name":"filter","required":false,"type":{"name":"OptionsFilter<string>"}},"floatingHeight":{"defaultValue":null,"description":"If set to <code>\'viewport\'</code>, the dropdown grows to fill the available vertical space in the viewport. Disables the <code>flip</code> middleware.","name":"floatingHeight","required":false,"type":{"name":"\\"viewport\\"","raw":"\\"viewport\\" | undefined","value":[{"value":"undefined"},{"value":"\\"viewport\\""}]}},"hiddenInputProps":{"defaultValue":null,"description":"Props passed down to the hidden input","name":"hiddenInputProps","required":false,"type":{"name":"React.ComponentProps<\\"input\\">"}},"hiddenInputValuesDivider":{"defaultValue":"\',\'","description":"Divider used to separate values in the hidden input <code>value</code> attribute","name":"hiddenInputValuesDivider","required":false,"type":{"name":"string"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"isDuplicate":{"defaultValue":null,"description":"Custom function to determine if a tag is duplicate. Accepts tag value and array of current values. By default, checks if the tag exists case-insensitively.","name":"isDuplicate","required":false,"type":{"name":"(value: string, currentValues: string[]) => boolean"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"limit":{"defaultValue":null,"description":"Maximum number of options displayed at a time, <code>Infinity</code> by default","name":"limit","required":false,"type":{"name":"number"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"maxDropdownHeight":{"defaultValue":null,"description":"<code>max-height</code> of the dropdown, only applicable when <code>withScrollArea</code> prop is <code>true</code>, <code>220</code> by default","name":"maxDropdownHeight","required":false,"type":{"name":"string | number"}},"maxTags":{"defaultValue":"Infinity","description":"Maximum number of tags","name":"maxTags","required":false,"type":{"name":"number"}}
1,"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: string[]) => void"}},"onClear":{"defaultValue":null,"description":"Called when the clear button is clicked","name":"onClear","required":false,"type":{"name":"() => void"}},"onDropdownClose":{"defaultValue":null,"description":"Called when dropdown closes","name":"onDropdownClose","required":false,"type":{"name":"() => void"}},"onDropdownOpen":{"defaultValue":null,"description":"Called when dropdown opens","name":"onDropdownOpen","required":false,"type":{"name":"() => void"}},"onDuplicate":{"defaultValue":null,"description":"Called when user tries to submit a duplicated tag","name":"onDuplicate","required":false,"type":{"name":"(value: string) => void"}},"onMaxTags":{"defaultValue":null,"description":"Called when user tries to add more tags than maxTags","name":"onMaxTags","required":false,"type":{"name":"(value: string) => void"}},"onOptionSubmit":{"defaultValue":null,"description":"Called when option is submitted from dropdown with mouse click or <code>Enter</code> key","name":"onOptionSubmit","required":false,"type":{"name":"(value: string) => void"}},"onRemove":{"defaultValue":null,"description":"Called when tag is removed","name":"onRemove","required":false,"type":{"name":"(value: string) => void"}},"onSearchChange":{"defaultValue":null,"description":"Called when search changes","name":"onSearchChange","required":false,"type":{"name":"(value: string) => void"}},"openOnFocus":{"defaultValue":"true","description":"If set, the dropdown opens when the input receives focus","name":"openOnFocus","required":false,"type":{"name":"boolean"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"renderOption":{"defaultValue":null,"description":"A function to render content of the option, replaces the default content of the option","name":"renderOption","required":false,"type":{"name":"(input: ComboboxLikeRenderOptionInput<ComboboxGenericItem<string>>) => ReactNode"}},"renderPill":{"defaultValue":null,"description":"A function to render content of the pill, replaces the default content of the pill","name":"renderPill","required":false,"type":{"name":"(props: ComboboxRenderPillInput<string>) => ReactNode"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"scrollAreaProps":{"defaultValue":null,"description":"Props passed down to the underlying <code>ScrollArea</code> component in the dropdown","name":"scrollAreaProps","required":false,"type":{"name":"ScrollAreaProps"}},"searchValue":{"defaultValue":null,"description":"Controlled search value","name":"searchValue","required":false,"type":{"name":"string"}},"selectFirstOptionOnChange":{"defaultValue":null,"description":"If set, the first option is selected when value changes, <code>false</code> by default","name":"selectFirstOptionOnChange","required":false,"type":{"name":"boolean"}},"selectFirstOptionOnDropdownOpen":{"defaultValue":null,"description":"If set, the first option is selected when dropdown opens, <code>false</code> by default","name":"selectFirstOptionOnDropdownOpen","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"splitChars":{"defaultValue":null,"description":"Characters that should trigger tags split, <code>[\',\']</code> by default","name":"splitChars","required":false,"type":{"name":"string[]"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string[]"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withPillsReorder":{"defaultValue":"false","description":"If set, tags can be reordered by dragging pills. Disabled
1when <code>disabled</code> or <code>readOnly</code> is set.","name":"withPillsReorder","required":false,"type":{"name":"boolean"}},"withScrollArea":{"defaultValue":null,"description":"Determines whether the options should be wrapped with <code>ScrollArea.AutoSize</code>, <code>true</code> by default","name":"withScrollArea","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"Text":{"props":{"gradient":{"defaultValue":"theme.defaultGradient","description":"Gradient configuration, ignored when <code>variant</code> is not <code>gradient</code>","name":"gradient","required":false,"type":{"name":"MantineGradient"}},"inherit":{"defaultValue":"false","description":"Determines whether font properties should be inherited from the parent","name":"inherit","required":false,"type":{"name":"boolean"}},"inline":{"defaultValue":"false","description":"Sets <code>line-height</code> to 1 for centering","name":"inline","required":false,"type":{"name":"boolean"}},"lineClamp":{"defaultValue":null,"description":"Number of lines after which Text will be truncated","name":"lineClamp","required":false,"type":{"name":"number"}},"size":{"defaultValue":"\'md\'","description":"Controls <code>font-size</code> and <code>line-height</code>","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"span":{"defaultValue":null,"description":"Shorthand for <code>component=\\"span\\"</code>","name":"span","required":false,"type":{"name":"boolean"}},"textWrap":{"defaultValue":null,"description":"Controls <code>text-wrap</code> CSS property","name":"textWrap","required":false,"type":{"name":"\\"wrap\\" | \\"nowrap\\" | \\"balance\\" | \\"pretty\\" | \\"stable\\"","raw":"\\"wrap\\" | \\"nowrap\\" | \\"balance\\" | \\"pretty\\" | \\"stable\\" | undefined","value":[{"value":"undefined"},{"value":"\\"wrap\\""},{"value":"\\"nowrap\\""},{"value":"\\"balance\\""},{"value":"\\"pretty\\""},{"value":"\\"stable\\""}]}},"truncate":{"defaultValue":null,"description":"Side on which Text must be truncated, if <code>true</code>, text is truncated from the start","name":"truncate","required":false,"type":{"name":"TextTruncate"}}}},"TextInput":{"props":{"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}},"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"Textarea":{"props":{"autosize":{"defaultValue":"false","description":"If set, enables textarea height growing with its content","name":"autosize","required":false,"type":{"name":"boolean"}},"bottomSection":{"defaultValue":null,"description":"Content rendered at the bottom of the input, inside the border","name":"bottomSection","required":false,"type":{"name":"React.ReactNode"}},"bottomSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>bottomSection</code> element","name":"bottomSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}}
1,"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"maxRows":{"defaultValue":null,"description":"Maximum rows for autosize textarea to grow, ignored if <code>autosize</code> prop is not set","name":"maxRows","required":false,"type":{"name":"number"}},"minRows":{"defaultValue":null,"description":"Minimum rows of autosize textarea, ignored if <code>autosize</code> prop is not set","name":"minRows","required":false,"type":{"name":"number"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"resize":{"defaultValue":"\'none\'","description":"Controls <code>resize</code> CSS property","name":"resize","required":false,"type":{"name":"Resize","raw":"Resize | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"block\\""},{"value":"\\"inline\\""},{"value":"\\"both\\""},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"ThemeIcon":{"props":{"autoContrast":{"defaultValue":null,"description":"If set, adjusts text color based on background color for <code>filled</code> variant","name":"autoContrast","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Icon displayed inside the component","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color.","name":"color","required":false,"type":{"name":"MantineColor"}},"gradient":{"defaultValue":"theme.defaultGradient","description":"Gradient data used when <code>variant=\\"gradient\\"</code>","name":"gradient","required":false,"type":{"name":"MantineGradient"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius. Numbers are converted to rem.","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":"\'md\'","description":"Controls width and height of the button. Numbers are converted to rem.","name":"size","required":false,"type":{"name":"MantineSize | number"}}}},"Timeline":{"props":{"active":{"defaultValue":null,"description":"Index of the active element","name":"active","required":false,"type":{"name":"number"}},"align":{"defaultValue":"\'left\'","description":"Position of content relative to the bullet","name":"align","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"autoContrast":{"defaultValue":null,"description":"If set, adjusts text color based on background color for <code>filled</code> variant","name":"autoContrast","required":false,"type":{"name":"boolean"}},"bulletSize":{"defaultValue":"20","description":"Size of the bullet","name":"bulletSize","required":false,"type":{"name":"string | number"}},"children":{"defaultValue":null,"description":"<code>Timeline.Item</code> components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color to control active item colors","name":"color","required":false,"type":{"name":"MantineColor"}},"lineWidth":{"defaultValue":null,"description":"Control width of the line","name":"lineWidth","required":false,"type":{"name":"string | number"}},"radius":{"defaultValue":"\'xl\'","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"reverseActive":{"defaultValue":"false","description":"If set, the active items direction is reversed without reversing items order","name":"reverseActive","required":false,"type":{"name":"boolean"}}}},"Title":{"props":{"lineClamp":{"defaultValue":null,"description":"Number of lines after which heading will be truncated","name":"lineClamp","required":false,"type":{"name":"number"}},"order":{"defaultValue":"1","description":"Heading order (1-6), controls <code>font-size</code> style if <code>size</code> prop is not set","name":"order","required":false,"type":{"name":"TitleOrder","raw":"TitleOrder | undefined","value":[{"value":"undefined"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"size":{"defaultValue":null,"description":"Changes title size, if not set, then size is controlled by <code>order</code> prop","name":"size","required":false,"type":{"name":"TitleSize"}},"textWrap":{"defaultValue":"\'wrap\'","description":"Heading <code>text-wrap</code> CSS property","name":"textWrap","required":false,"type":{"name":"\\"wrap\\" | \\"nowrap\\" | \\"balance\\" | \\"pretty\\" | \\"stable\\"","raw":"\\"wrap\\" | \\"nowrap\\" | \\"balance\\" | \\"pretty\\" | \\"stable\\" | undefined","value":[{"value":"undefined"},{"value":"\\"wrap\\""},{"value":"\\"nowrap\\""},{"value":"\\"balance\\""},{"value":"\\"pretty\\""},{"value":"\\"stable\\""}]}}}},"Tooltip":{"props":{"arrowOffset":{"defaultValue":"5","description":"Arrow offset in px","name":"arrowOffset","required":false,"type":{"name":"number"}},"arrowPosition":{"defaultValue":"side","description":"Arrow position relative to the tooltip","name":"arrowPosition","required":false,"type":{"name":"\'center\' | \'side\'","raw":"ArrowPosition | undefined","value":[{"value":"undefined"},{"value":"\\"center\\""},{"value":"\\"side\\""},{"value":"\\"merge\\""}]}},"arrowRadius":{"defaultValue":"0","description":"Arrow <code>border-radius</code> in px","name":"arrowRadius","required":false,"type":{"name":"number"}},"arrowSize":{"defaultValue":"4","description":"Arrow size in px","name":"arrowSize","required":false,"type":{"name":"number"}},"autoContrast":{"defaultValue":null,"description":"If set, adjusts text color based on background color for <code>filled</code> variant","name":"autoContrast","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Target element, must support <code>ref</code> prop and <code>...others</code>","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeDelay":{"defaultValue":"0","description":"Close delay in ms","name":"closeDelay","required":false,"type":{"name":"number"}},"color":{"defaultValue":null,"description":"Key of <code>theme.colors</code>
1 or any valid CSS color, controls tooltip background, by default set based on current color scheme","name":"color","required":false,"type":{"name":"MantineColor"}},"defaultOpened":{"defaultValue":null,"description":"Uncontrolled tooltip initial opened state","name":"defaultOpened","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":null,"description":"If set, tooltip element will not be rendered","name":"disabled","required":false,"type":{"name":"boolean"}},"events":{"defaultValue":"{ hover: true, focus: false, touch: false }","description":"Determines which events will be used to show tooltip","name":"events","required":false,"type":{"name":"{ hover: boolean; focus: boolean; touch: boolean; }"}},"floatingStrategy":{"defaultValue":"\'absolute\'","description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","name":"floatingStrategy","required":false,"type":{"name":"FloatingStrategy","raw":"FloatingStrategy | undefined","value":[{"value":"undefined"},{"value":"\\"fixed\\""},{"value":"\\"absolute\\""}]}},"inline":{"defaultValue":null,"description":"Must be set if the tooltip target is an inline element","name":"inline","required":false,"type":{"name":"boolean"}},"interactive":{"defaultValue":"false","description":"If set, the tooltip stays open while the pointer is over it","name":"interactive","required":false,"type":{"name":"boolean"}},"keepMounted":{"defaultValue":null,"description":"If set, the tooltip is not unmounted from the DOM when hidden, <code>display: none</code> styles are applied instead","name":"keepMounted","required":false,"type":{"name":"boolean"}},"label":{"defaultValue":null,"description":"Tooltip content","name":"label","required":true,"type":{"name":"React.ReactNode"}},"middlewares":{"defaultValue":null,"description":"Floating ui middlewares to configure position handling, <code>{ flip: true, shift: true, inline: false }</code> by default","name":"middlewares","required":false,"type":{"name":"TooltipMiddlewares"}},"multiline":{"defaultValue":null,"description":"Determines whether content should be wrapped on to the next line, <code>false</code> by default","name":"multiline","required":false,"type":{"name":"boolean"}},"offset":{"defaultValue":"5","description":"Space between target element and tooltip in px","name":"offset","required":false,"type":{"name":"number | FloatingAxesOffsets"}},"onPositionChange":{"defaultValue":null,"description":"Called when tooltip position changes","name":"onPositionChange","required":false,"type":{"name":"(position: FloatingPosition) => void"}},"openDelay":{"defaultValue":null,"description":"Open delay in ms","name":"openDelay","required":false,"type":{"name":"number"}},"opened":{"defaultValue":null,"description":"Controlled opened state","name":"opened","required":false,"type":{"name":"boolean"}},"portalProps":{"defaultValue":null,"description":"Props to pass down to the portal when withinPortal is true","name":"portalProps","required":false,"type":{"name":"Omit<BasePortalProps, \\"withinPortal\\">"}},"position":{"defaultValue":null,"description":"Tooltip position relative to target element (<code>Tooltip</code> component) or mouse (<code>Tooltip.Floating</code> component)","name":"position","required":false,"type":{"name":"FloatingPosition","raw":"FloatingPosition | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""},{"value":"\\"bottom\\""}
1,{"value":"\\"top\\""},{"value":"\\"left-end\\""},{"value":"\\"left-start\\""},{"value":"\\"right-end\\""},{"value":"\\"right-start\\""},{"value":"\\"bottom-end\\""},{"value":"\\"bottom-start\\""},{"value":"\\"top-end\\""},{"value":"\\"top-start\\""}]}},"radius":{"defaultValue":null,"description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius, numbers are converted to rem@default theme.defaultRadius","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"refProp":{"defaultValue":null,"description":"Key of the prop that can be used to access element ref, <code>ref</code> by default","name":"refProp","required":false,"type":{"name":"string"}},"target":{"defaultValue":null,"description":"Selector, ref of an element or element itself that should be used for positioning","name":"target","required":false,"type":{"name":"string | HTMLElement | RefObject<HTMLElement | null> | null"}},"transitionProps":{"defaultValue":"{ duration: 100, transition: \'fade\' }","description":"Props passed down to the <code>Transition</code> component that used to animate tooltip presence, use to configure duration and animation type","name":"transitionProps","required":false,"type":{"name":"TransitionProps"}},"withArrow":{"defaultValue":"false","description":"If set, the tooltip has an arrow","name":"withArrow","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":null,"description":"Determines whether tooltip should be rendered within <code>Portal</code>, <code>true</code> by default","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"Tooltip z-index, <code>300</code> by default","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"Transition":{"props":{"children":{"defaultValue":null,"description":"Render function with transition styles argument","name":"children","required":true,"type":{"name":"(styles: CSSProperties) => Element"}},"duration":{"defaultValue":"250","description":"Transition duration in ms","name":"duration","required":false,"type":{"name":"number"}},"enterDelay":{"defaultValue":null,"description":"Delay in ms before enter transition starts","name":"enterDelay","required":false,"type":{"name":"number"}},"exitDelay":{"defaultValue":null,"description":"Delay in ms before exit transition starts","name":"exitDelay","required":false,"type":{"name":"number"}},"exitDuration":{"defaultValue":"250","description":"Exit transition duration in ms","name":"exitDuration","required":false,"type":{"name":"number"}},"keepMounted":{"defaultValue":null,"description":"If set, the element is kept in the DOM when hidden. React 19 <code>Activity</code> is used to preserve state while the element is not visible.","name":"keepMounted","required":false,"type":{"name":"boolean"}},"keepMountedMode":{"defaultValue":"activity","description":"Controls how the element is hidden when <code>keepMounted</code> is set:\\n<code>\'activity\'</code> - hidden with React 19 <code>Activity</code> component,\\n<code>\'display-none\'</code> - hidden with <code>display: none</code> styles","name":"keepMountedMode","required":false,"type":{"name":"\\"activity\\" | \\"display-none\\"","raw":"\\"activity\\" | \\"display-none\\" | undefined","value":[{"value":"undefined"},{"value":"\\"activity\\""},{"value":"\\"display-none\\""}]}},"mounted":{"defaultValue":null,"description":"Determines whether component should be mounted to the DOM","name":"mounted","required":true,"type":{"name":"boolean"}},"onEnter":{"defaultValue":null,"description":"Called when enter transition starts","name":"onEnter","required":false,"type":{"name":"() => void"}},"onEntered":{"defaultValue":null,"description":"Called when enter transition ends","name":"onEntered","required":false,"type":{"name":"() => void"}},"onExit":{"defaultValue":null,"description":"Called when exit transition starts","name":"onExit","required":false,"type":{"name":"() => void"}},"onExited":{"defaultValue":null,"description":"Called when exit transition ends","name":"onExited","required":false,"type":{"name":"() => void"}},"timingFunction":{"defaultValue":"ease","description":"Transition timing function","name":"timingFunction","required":false,"type":{"name":"string"}},"transition":{"defaultValue":"fade","description":"Transition name or object","name":"transition","required":false,"type":{"name":"MantineTransition"}}}},"Tree":{"props":{"allowDrop":{"defaultValue":null,"description":"Called for each potential drop target to determine whether a drop is allowed.\\nWhen it returns <code>false</code>, the drop indicator is hidden and the drop is rejected.","name":"allowDrop","required":false,"type":{"name":"TreeAllowDrop"}},"allowRangeSelection":{"defaultValue":"true","description":"If set, tree nodes range can be selected with click when <code>Shift</code> key is pressed","name":"allowRangeSelection","required":false,"type":{"name":"boolean"}},"checkOnSpace":{"defaultValue":"false","description":"If set, tree node is checked on space key press","name":"checkOnSpace","required":false,"type":{"name":"boolean"}},"clearSelectionOnOutsideClick":{"defaultValue":"false","description":"If set, selection is cleared when user clicks outside of the tree","name":"clearSelectionOnOutsideClick","required":false,"type":{"name":"boolean"}},"data":{"defaultValue":null,"description":"Data used to render nodes","name":"data","required":true,"type":{"name":"TreeNodeData[]"}},"expandOnClick":{"defaultValue":"true","description":"If set, tree node with children is expanded on click","name":"expandOnClick","required":false,"type":{"name":"boolean"}},"expandOnSpace":{"defaultValue":"true","description":"If set, tree node with children is expanded on space key press","name":"expandOnSpace","required":false,"type":{"name":"boolean"}},"keepMounted":{"defaultValue":"false","description":"If set, subtree content is kept mounted when collapsed. React 19 <code>Activity</code> is used to preserve state.","name":"keepMounted","required":false,"type":{"name":"boolean"}},"levelOffset":{"defaultValue":"\'lg\'","description":"Horizontal padding of each subtree level, key of <code>theme.spacing</code> or any valid CSS value","name":"levelOffset","required":false,"type":{"name":"MantineSpacing"}},"onDragDrop":{"defaultValue":null,"description":"Called when a node is dropped on another node, enables drag-and-drop when provided","name":"onDragDrop","required":false,"type":{"name":"(payload: TreeDragDropPayload) => void"}},"renderNode":{"defaultValue":null,"description":"A function to render tree node label","name":"renderNode","required":false,"type":{"name":"RenderNode"}},"selectOnClick":{"defaultValue":"false","description":"If set, tree node is selected on click","name":"selectOnClick","required":false,"type":{"name":"boolean"}},"tree":{"defaultValue":null,"description":"Use-tree hook instance that can be used to manipulate component state","name":"tree","required":false,"type":{"name":"UseTreeReturnType"}},"withDragHandle":{"defaultValue":"false","description":"If set, drag-and-drop must be initiated from an element that spreads <code>dragHandleProps</code>\\nfrom the <code>renderNode</code> payload, rather than anywhere on the node.","name":"withDragHandle","required":false,"type":{"name":"boolean"}},"withLines":{"defaultValue":"false","description":"If set, connecting lines are rendered showing parent-child relationships","name":"withLines","required":false,"type":{"name":"boolean"}}}},"TreeSelect":{"props":{"allowDeselect":{"defaultValue":"true","description":"Allows deselecting in single mode","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"checkStrictly":{"defaultValue":"false","description":"Disables parent-child cascade in checkbox mode","name":"checkStrictly","required":false,"type":{"name":"boolean"}},"checkedStrategy":{"defaultValue":"\'child\'","description":"Controls which checked
1nodes appear in value/pills in checkbox mode","name":"checkedStrategy","required":false,"type":{"name":"CheckedStrategy","raw":"CheckedStrategy | undefined","value":[{"value":"undefined"},{"value":"\\"all\\""},{"value":"\\"parent\\""},{"value":"\\"child\\""}]}},"chevronAriaLabels":{"defaultValue":null,"description":"aria-label values for the expand/collapse chevron button","name":"chevronAriaLabels","required":false,"type":{"name":"TreeSelectChevronAriaLabels"}},"chevronColor":{"defaultValue":null,"description":"Controls the default chevron color","name":"chevronColor","required":false,"type":{"name":"MantineColor"}},"clearButtonProps":{"defaultValue":null,"description":"Props for the clear button","name":"clearButtonProps","required":false,"type":{"name":"InputClearButtonProps"}},"clearSearchOnChange":{"defaultValue":"true","description":"Clear search on selection change","name":"clearSearchOnChange","required":false,"type":{"name":"boolean"}},"clearSectionMode":{"defaultValue":"\'both\'","description":"Determines how the clear button and rightSection are rendered","name":"clearSectionMode","required":false,"type":{"name":"ClearSectionMode","raw":"ClearSectionMode | undefined","value":[{"value":"undefined"},{"value":"\\"both\\""},{"value":"\\"rightSection\\""},{"value":"\\"clear\\""}]}},"clearable":{"defaultValue":"false","description":"Shows clear button","name":"clearable","required":false,"type":{"name":"boolean"}},"comboboxProps":{"defaultValue":null,"description":"Props passed to the underlying Combobox","name":"comboboxProps","required":false,"type":{"name":"Record<string, any>"}},"data":{"defaultValue":null,"description":"Tree data","name":"data","required":true,"type":{"name":"TreeNodeData[]"}},"defaultDropdownOpened":{"defaultValue":null,"description":"Default dropdown state","name":"defaultDropdownOpened","required":false,"type":{"name":"boolean"}},"defaultExpandAll":{"defaultValue":"false","description":"Expand all nodes by default","name":"defaultExpandAll","required":false,"type":{"name":"boolean"}},"defaultExpandedValues":{"defaultValue":null,"description":"Default expanded node values","name":"defaultExpandedValues","required":false,"type":{"name":"string[]"}},"defaultSearchValue":{"defaultValue":null,"description":"Default search value","name":"defaultSearchValue","required":false,"type":{"name":"string"}},"defaultValue":{"defaultValue":null,"description":"Default value","name":"defaultValue","required":false,"type":{"name":"string | string[] | null"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}},"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownOpened":{"defaultValue":null,"description":"Controlled dropdown state","name":"dropdownOpened","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"expandOnClick":{"defaultValue":"false","description":"Also toggle expand when clicking a parent node (not just the chevron). In <code>single</code> and <code>multiple</code> modes, parent clicks only expand; only leaves can be selected. In <code>checkbox</code> mode, parent clicks both check and expand.","name":"expandOnClick","required":false,"type":{"name":"boolean"}},"expandedValues":{"defaultValue":null,"description":"Controlled expanded state","name":"expandedValues","required":false,"type":{"name":"string[]"}},"filter":{"defaultValue":null,"description":"Custom filter function","name":"filter","required":false,"type":{"name":"(query: string, node: TreeNodeData) => boolean"}},"hiddenInputProps":{"defaultValue":null,"description":"Props for the hidden input","name":"hiddenInputProps","required":false,"type":{"name":"React.ComponentProps<\\"input\\">"}},"hiddenInputValuesDivider":{"defaultValue":"\',\'","description":"Divider for hidden input values","name":"hiddenInputValuesDivider","required":false,"type":{"name":"string"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"maxDisplayedValues":{"defaultValue":null,"description":"Maximum displayed pills before \\"+N more\\"","name":"maxDisplayedValues","required":false,"type":{"name":"number"}},"maxDisplayedValuesContent":{"defaultValue":null,"description":"Content shown when values overflow maxDisplayedValues","name":"maxDisplayedValuesContent","required":false,"type":{"name":"ReactNode | ((overflow: number) => ReactNode)"}},"maxDropdownHeight":{"defaultValue":"220","description":"Max dropdown height","name":"maxDropdownHeight","required":false,"type":{"name":"string | number"}},"maxValues":{"defaultValue":null,"description":"Maximum selectable values (multiple/checkbox mode)","name":"maxValues","required":false,"type":{"name":"number"}},"mode":{"defaultValue":"\'single\'","description":"Selection mode: \'single\', \'multiple\', or \'checkbox\' (with cascade)","name":"mode","required":false,"type":{"name":"TreeSelectMode","raw":"TreeSelectMode | undefined","value":[{"value":"undefined"},{"value":"\\"checkbox\\""},{"value":"\\"multiple\\""},{"value":"\\"single\\""}]}},"nothingFoundMessage":{"defaultValue":null,"description":"Message when no nodes match search","name":"nothingFoundMessage","required":false,"type":{"name":"React.ReactNode"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: TreeSelectValue<Mode>) => void"}},"onClear":{"defaultValue":null,"description":"Called when clear button is clicked","name":"onClear","required":false,"type":{"name":"() => void"}},"onDropdownClose":{"defaultValue":null,"description":"Called when dropdown closes","name":"onDropdownClose","required":false,"type":{"name":"() => void"}},"onDropdownOpen":{"defaultValue":null,"description":"Called when dropdown opens","name":"onDropdownOpen","required":false,"type":{"name":"() => void"}},"onExpandedChange":{"defaultValue":null,"description":"Called when expanded state changes","name":"onExpandedChange","required":false,"type":{"name":"(values: string[]) => void"}},"onRemove":{"defaultValue":null,"description":"Called with removed value in multiple/checkbox mode","name":"onRemove","required":false,"type":{"name":"(value: string) => void"}},"onSearchChange":{"defaultValue":null,"description":"Called when search changes","name":"onSearchChange","required":false,"type":{"name":"(value: string) => void"}},"openOnFocus":{"defaultValue":"true","description":"Opens dropdown on focus (searchable mode)","name":"openOnFocus","required":false,"type":{"name":"boolean"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"renderNode":{"defaultValue":null,"description":"Custom node rendering in the dropdown","name":"renderNode","required":false,"type":{"name":"(payload: TreeSelectRenderNodePayload) => ReactNode"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"scrollAreaProps":{"defaultValue":null,"description":"Props for the ScrollArea in the dropdown","name":"scrollAreaProps","required":false,"type":{"name":"ScrollAreaProps"}},"searchValue":{"defaultValue":null,"description":"Controlled search value","name":"searchValue","required":false,"type":{"name":"string"}},"searchable":{"defaultValue":"false","description":"Enables search filtering","name":"searchable","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"value":{"defaultValue":null,"description":"Controlled value","name":"value","required":false,"type":{"name":"string | string[] | null"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withLines":{"defaultValue":"true","description":"Show tree connection lines between parent and child nodes","name":"withLines","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"Typography":{"description":"","props":{}},"UnstyledButton":{"props":{"size":{"defaultValue":null,"description":"Size passed from parent component, sets <code>data-size</code> if value is not number like","name":"size","required":false,"type":{"name":"string | number"}}}},"VisuallyHidden":{"description":"","props":{}},"Calendar":{"props":{"ariaLabels":{"defaultValue":null,"description":"<code>aria-label</code> attributes for controls on different levels","name":"ariaLabels","required":false,"type":{"name":"CalendarAriaLabels"}},"columnsToScroll":{"defaultValue":null,"description":"Number of columns to scroll with next/prev buttons, same as <code>numberOfColumns</code> if not set explicitly","name":"columnsToScroll","required":false,"type":{"name":"number"}},"date":{"defaultValue":null,"description":"Displayed date in controlled mode","name":"date","required":false,"type":{"name":"string | Date"}},"decadeLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for decade label or a function that returns decade label based on the date value","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: string, endOfDecade: string) => ReactNode)"}},"defaultDate":{"defaultValue":null,"description":"Initial displayed date in uncontrolled mode","name":"defaultDate","required":false,"type":{"name":"string | Date"}},"defaultLevel":{"defaultValue":null,"description":"Initial displayed level in uncontrolled mode","name":"defaultLevel","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"enableKeyboardNavigation":{"defaultValue":null,"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)","name":"enableKeyboardNavigation","required":false,"type":{"name":"boolean"}},"excludeDate":{"defaultValue":null,"description":"Callback function to determine whether the day should be disabled","name":"excludeDate","required":false,"type":{"name":"(date: string) => boolean"}},"firstDayOfWeek":{"defaultValue":"1 â Monday","description":"Number 0-6, where 0 â Sunday and 6 â Saturday.","name":"firstDayOfWeek","required":false,"type":{"name":"0 | 1 | 2 | 3 | 4 | 5 | 6","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"fullWidth":{"defaultValue":"false","description":"Determines whether the list should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"getDayAriaLabel":{"defaultValue":null,"description":"Assigns <code>aria-label</code> to <code>Day</code> components based on date","name":"getDayAriaLabel","required":false,"type":{"name":"(date: string) => string"}},"getDayProps":{"defaultValue":null,"description":"Passes props down to <code>Day</code> components","name":"getDayProps","required":false,"type":{"name":"(date: string) => Omit<Partial<DayProps>, \\"vars\\" | \\"classNames\\" | \\"styles\\"> & DataAttributes"}},"getMonthControlProps":{"defaultValue":null,"description":"Passes props down month picker control","name":"getMonthControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"getYearControlProps":{"defaultValue":null,"description":"Passes props down to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"headerControlsOrder":{"defaultValue":"[\'previous\', \'level\', \'next\']","description":"Controls order","name":"headerControlsOrder","required":false,"type":{"name":"(\\"next\\" | \\"previous\\" | \\"level\\")[]"}},"hideOutsideDates":{"defaultValue":"false","description":"Determines whether outside dates should be hidden","name":"hideOutsideDates","required":false,"type":{"name":"boolean"}},"hideWeekdays":{"defaultValue":"false","description":"Determines whether weekdays row should be hidden","name":"hideWeekdays","required":false,"type":{"name":"boolean"}},"highlightToday":{"defaultValue":"false","description":"Determines whether today should be highlighted
1with a border","name":"highlightToday","required":false,"type":{"name":"boolean"}},"level":{"defaultValue":null,"description":"Current displayed level displayed in controlled mode","name":"level","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"locale":{"defaultValue":null,"description":"Dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"maxDate","required":false,"type":{"name":"string | Date"}},"maxLevel":{"defaultValue":"\'decade\'","description":"Max level that user can go up to (decade, year, month)","name":"maxLevel","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"minDate":{"defaultValue":null,"description":"Minimum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"minDate","required":false,"type":{"name":"string | Date"}},"minLevel":{"defaultValue":"\'month\'","description":"Min level that user can go down to (decade, year, month)","name":"minLevel","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"monthLabelFormat":{"defaultValue":"\\"MMMM YYYY\\"","description":"dayjs label format to display month label or a function that returns month label based on month value","name":"monthLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"monthsListFormat":{"defaultValue":"\\"MMM\\"","description":"<code>dayjs</code> format for months list or a function that returns month label based on the date value","name":"monthsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"Next button <code>aria-label</code>","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":"1","description":"Number of columns displayed next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes","name":"onDateChange","required":false,"type":{"name":"(date: string) => void"}},"onLevelChange":{"defaultValue":null,"description":"Called when level changes","name":"onLevelChange","required":false,"type":{"name":"(level: CalendarLevel) => void"}},"onMonthMouseEnter":{"defaultValue":null,"description":"Called when mouse enters month control","name":"onMonthMouseEnter","required":false,"type":{"name":"(event: MouseEvent<HTMLButtonElement, MouseEvent>, date: string) => void"}},"onMonthSelect":{"defaultValue":null,"description":"Called when user selects month","name":"onMonthSelect","required":false,"type":{"name":"(date: string) => void"}},"onNextDecade":{"defaultValue":null,"description":"Called when the next decade button is clicked","name":"onNextDecade","required":false,"type":{"name":"(date: string) => void"}},"onNextMonth":{"defaultValue":null,"description":"Called when the next month button is clicked","name":"onNextMonth","required":false,"type":{"name":"(date: string) => void"}},"onNextYear":{"defaultValue":null,"description":"Called when the next year button is clicked","name":"onNextYear","required":false,"type":{"name":"(date: string) => void"}},"onPreviousDecade":{"defaultValue":null,"description":"Called when the previous decade button is clicked","name":"onPreviousDecade","required":false,"type":{"name":"(date: string) => void"}},"onPreviousMonth":{"defaultValue":null,"description":"Called when the previous month button is clicked","name":"onPreviousMonth","required":false,"type":{"name":"(date: string) => void"}},"onPreviousYear":{"defaultValue":null,"description":"Called when the previous year button is clicked","name":"onPreviousYear","required":false,"type":{"name":"(date: string) => void"}},"onYearMouseEnter":{"defaultValue":null,"description":"Called when mouse enters year control","name":"onYearMouseEnter","required":false,"type":{"name":"(event: MouseEvent<HTMLButtonElement, MouseEvent>, date: string) => void"}},"onYearSelect":{"defaultValue":null,"description":"Called when user selects year","name":"onYearSelect","required":false,"type":{"name":"(date: string) => void"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"Previous button <code>aria-label</code>","name":"previousLabel","required":false,"type":{"name":"string"}},"renderDay":{"defaultValue":null,"description":"Controls day value rendering","name":"renderDay","required":false,"type":{"name":"(date: string) => React.ReactNode"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"static":{"defaultValue":null,"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","name":"static","required":false,"type":{"name":"boolean"}},"weekdayFormat":{"defaultValue":"\'dd\'","description":"<code>dayjs</code> format for weekdays names","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by <code>
1DatesProvider</code>.","name":"weekendDays","required":false,"type":{"name":"(0 | 1 | 2 | 3 | 4 | 5 | 6)[]"}},"withCellSpacing":{"defaultValue":"true","description":"Determines whether controls should be separated","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withNativeLevelSelect":{"defaultValue":"false","description":"Determines whether level select controls should be rendered as native <code><select></code> elements","name":"withNativeLevelSelect","required":false,"type":{"name":"boolean"}},"withWeekNumbers":{"defaultValue":"false","description":"Determines whether week numbers should be displayed","name":"withWeekNumbers","required":false,"type":{"name":"boolean"}},"yearLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"dayjs label format to display year label or a function that returns year label based on year value","name":"yearLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"yearsListFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for years list or a function that returns year label based on the date value","name":"yearsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"yearsSelectRange":{"defaultValue":null,"description":"Year range for native level select, tuple of <code>[startYear, endYear]</code>. Defaults to <code>[currentYear - 100, currentYear + 50]</code> or values derived from <code>minDate</code>/<code>maxDate</code> if set.","name":"yearsSelectRange","required":false,"type":{"name":"[number, number]"}}}},"CalendarHeader":{"props":{"fullWidth":{"defaultValue":"false","description":"Determines whether the header should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"hasNextLevel":{"defaultValue":"true","description":"Determines whether next level button should be enabled","name":"hasNextLevel","required":false,"type":{"name":"boolean"}},"headerControlsOrder":{"defaultValue":"[\'previous\', \'level\', \'next\']","description":"Controls order","name":"headerControlsOrder","required":false,"type":{"name":"(\\"next\\" | \\"previous\\" | \\"level\\")[]"}},"label":{"defaultValue":null,"description":"Label displayed between next and previous buttons","name":"label","required":true,"type":{"name":"React.ReactNode"}},"levelControlAriaLabel":{"defaultValue":null,"description":"Level control <code>aria-label</code>","name":"levelControlAriaLabel","required":false,"type":{"name":"string"}},"nextDisabled":{"defaultValue":null,"description":"Disables next control","name":"nextDisabled","required":false,"type":{"name":"boolean"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"Next button <code>aria-label</code>","name":"nextLabel","required":false,"type":{"name":"string"}},"onLevelClick":{"defaultValue":null,"description":"Called when the level button is clicked","name":"onLevelClick","required":false,"type":{"name":"() => void"}},"onNext":{"defaultValue":null,"description":"Called when the next button is clicked","name":"onNext","required":false,"type":{"name":"() => void"}},"onPrevious":{"defaultValue":null,"description":"Called when the previous button is clicked","name":"onPrevious","required":false,"type":{"name":"() => void"}},"previousDisabled":{"defaultValue":null,"description":"Disables previous control","name":"previousDisabled","required":false,"type":{"name":"boolean"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"Previous button <code>aria-label</code>","name":"previousLabel","required":false,"type":{"name":"string"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"withNativeLevelSelect":{"defaultValue":"false","description":"Determines whether level select controls should be rendered as native <code><select></code> elements","name":"withNativeLevelSelect","required":false,"type":{"name":"boolean"}},"withNext":{"defaultValue":"true","description":"Determines whether next control should be rendered","name":"withNext","required":false,"type":{"name":"boolean"}},"withPrevious":{"defaultValue":"true","description":"Determines whether previous control should be rendered","name":"withPrevious","required":false,"type":{"name":"boolean"}},"yearsSelectRange":{"defaultValue":null,"description":"Year range for native level select, tuple of <code>[startYear, endYear]</code>. Defaults to <code>[currentYear - 100, currentYear + 50]</code> or values derived from <code>minDate</code>/<code>maxDate</code> if set.","name":"yearsSelectRange","required":false,"type":{"name":"[number, number]"}}}},"DateInput":{"props":{"allowDeselect":{"defaultValue":null,"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, <code>true</code> if <code>clearable</code> prop is set, <code>false</code> otherwise.","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"ariaLabels":{"defaultValue":null,"description":"<code>aria-label</code> attributes for controls on different levels","name":"ariaLabels","required":false,"type":{"name":"CalendarAriaLabels"}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to the clear button","name":"clearButtonProps","required":false,"type":{"name":"React.ComponentProps<\\"button\\">"}},"clearSectionMode":{"defaultValue":"\'both\'","description":"Determines how the clear button and rightSection are rendered","name":"clearSectionMode","required":false,"type":{"name":"ClearSectionMode","raw":"ClearSectionMode | undefined","value":[{"value":"undefined"},{"value":"\\"both\\""},{"value":"\\"rightSection\\""},{"value":"\\"clear\\""}]}},"clearable":{"defaultValue":"false","description":"If set, clear button is displayed in the <code>rightSection</code> when the component has value. Ignored if <code>rightSection</code> prop is set.","name":"clearable","required":false,"type":{"name":"boolean"}},"columnsToScroll":{"defaultValue":null,"description":"Number of columns to scroll with next/prev buttons, same as <code>numberOfColumns</code> if not set explicitly","name":"columnsToScroll","required":false,"type":{"name":"number"}},"date":{"defaultValue":null,"description":"Displayed date in controlled mode","name":"date","required":false,"type":{"name":"string | Date"}},"dateParser":{"defaultValue":null,"description":"A function to parse user input and convert it to date string value","name":"dateParser","required":false,"type":{"name":"(value: string) => string | Date | null"}},"decadeLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for decade label or a function that returns decade label based on the date value","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: string, endOfDecade: string) => ReactNode)"}},"defaultDate":{"defaultValue":null,"description":"Initial displayed date in uncontrolled mode","name":"defaultDate","required":false,"type":{"name":"string | Date"}},"defaultLevel":{"defaultValue":null,"description":"Initial displayed level (uncontrolled)","name":"defaultLevel","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"DateValue"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}}
1,"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"excludeDate":{"defaultValue":null,"description":"Callback function to determine whether the day should be disabled","name":"excludeDate","required":false,"type":{"name":"(date: string) => boolean"}},"firstDayOfWeek":{"defaultValue":"1 â Monday","description":"Number 0-6, where 0 â Sunday and 6 â Saturday.","name":"firstDayOfWeek","required":false,"type":{"name":"0 | 1 | 2 | 3 | 4 | 5 | 6","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"fixOnBlur":{"defaultValue":null,"description":"If set to <code>false</code>, invalid user input is preserved and is not corrected on blur","name":"fixOnBlur","required":false,"type":{"name":"boolean"}},"fullWidth":{"defaultValue":"false","description":"Determines whether the calendar should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"getDayAriaLabel":{"defaultValue":null,"description":"Assigns <code>aria-label</code> to <code>Day</code> components based on date","name":"getDayAriaLabel","required":false,"type":{"name":"(date: string) => string"}},"getDayProps":{"defaultValue":null,"description":"Passes props down to <code>Day</code> components","name":"getDayProps","required":false,"type":{"name":"(date: string) => Omit<Partial<DayProps>, \\"vars\\" | \\"classNames\\" | \\"styles\\"> & DataAttributes"}},"getMonthControlProps":{"defaultValue":null,"description":"Passes props down month picker control","name":"getMonthControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"getYearControlProps":{"defaultValue":null,"description":"Passes props down to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"hasNextLevel":{"defaultValue":"true","description":"Determines whether next level button should be enabled","name":"hasNextLevel","required":false,"type":{"name":"boolean"}},"headerControlsOrder":{"defaultValue":"[\'previous\', \'level\', \'next\']","description":"Controls order","name":"headerControlsOrder","required":false,"type":{"name":"(\\"next\\" | \\"previous\\" | \\"level\\")[]"}},"hideOutsideDates":{"defaultValue":"false","description":"Determines whether outside dates should be hidden","name":"hideOutsideDates","required":false,"type":{"name":"boolean"}},"hideWeekdays":{"defaultValue":"false","description":"Determines whether weekdays row should be hidden","name":"hideWeekdays","required":false,"type":{"name":"boolean"}},"highlightToday":{"defaultValue":"false","description":"Determines whether today should be highlighted with a border","name":"highlightToday","required":false,"type":{"name":"boolean"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"level":{"defaultValue":null,"description":"Current displayed level (controlled)","name":"level","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"locale":{"defaultValue":null,"description":"Dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"maxDate","required":false,"type":{"name":"string | Date"}},"maxLevel":{"defaultValue":"\'decade\'","description":"Max level that user can go up to","name":"maxLevel","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"minDate":{"defaultValue":null,"description":"Minimum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"minDate","required":false,"type":{"name":"string | Date"}},"monthLabelFormat":{"defaultValue":"\\"MMMM YYYY\\"","description":"dayjs label format to display month label or a function that returns month label based on month value","name":"monthLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"monthsListFormat":{"defaultValue":"\\"MMM\\"","description":"<code>dayjs</code> format for months list or a function that returns month label based on the date value","name":"monthsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"nextDisabled":{"defaultValue":null,"description":"Disables next control","name":"nextDisabled","required":false,"type":{"name":"boolean"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"Next button <code>aria-label</code>","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":"1","description":"Number of columns displayed next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: string | null) => void"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes","name":"onDateChange","required":false,"type":{"name":"(date: string) => void"}},"onLevelChange":{"defaultValue":null,"description":"Called when the level changes","name":"onLevelChange","required":false,"type":{"name":"(level: CalendarLevel) => void"}},"onLevelClick":{"defaultValue":null,"description":"Called when the level button is clicked","name":"onLevelClick","required":false,"type":{"name":"() => void"}},"onNext":{"defaultValue":null,"description":"Called when the next button is clicked","name":"onNext","required":false,"type":{"name":"() => void"}},"onNextDecade":{"defaultValue":null,"description":"Called when the next decade button is clicked","name":"onNextDecade","required":false,"type":{"name":"(date: string) => void"}},"onNextMonth":{"defaultValue":null,"description":"Called when the next month button is clicked","name":"onNextMonth","required":false,"type":{"name":"(date: string) => void"}},"onNextYear":{"defaultValue":null,"description":"Called when the next year button is clicked","name":"onNextYear","required":false,"type":{"name":"(date: string) => void"}},"onPrevious":{"defaultValue":null,"description":"Called when the previous button is clicked","name":"onPrevious","required":false,"type":{"name":"() => void"}},"onPreviousDecade":{"defaultValue":null,"description":"Called when the previous decade button is clicked","name":"onPreviousDecade","required":false,"type":{"name":"(date: string) => void"}},"onPreviousMonth":{"defaultValue":null,"description":"Called when the previous month button is clicked","name":"onPreviousMonth","required":false,"type":{"name":"(date: string) => void"}},"onPreviousYear":{"defaultValue":null,"description":"Called when the previous year button is clicked","name":"onPreviousYear","required":false,"type":{"name":"(date: string) => void"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"popoverProps":{"defaultValue":null,"description":"Props passed down to the <code>Popover</code> component","name":"popoverProps","required":false,"type":{"name":"Partial<Omit<PopoverProps, \\"children\\">>"}},"presets":{"defaultValue":null,"description":"Predefined values to pick from","name":"presets","required":false,"type":{"name":"DatePickerPreset<\\"default\\">[]"}},"previousDisabled":{"defaultValue":null,"description":"Disables previous control","name":"previousDisabled","required":false,"type":{"name":"boolean"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"Previous button <code>aria-label</code>","name":"previousLabel","required":false,"type":{"name":"string"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"renderDay":{"defaultValue":null,"description":"Controls day value rendering","name":"renderDay","required":false,"type":{"name":"(date: string) => React.ReactNode"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"DateValue"}},"valueFormat":{"defaultValue":"\\"MMMM D, YYYY\\"","description":"<code>dayjs</code> format to display input value, or a function that receives the value as a <code>YYYY-MM-DD</code> string and returns the formatted value. A function cannot be used to parse user input â set <code>dateParser</code> prop to support formats other than <code>YYYY-MM-DD</code>.","name":"valueFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekdayFormat":{"defaultValue":"\'dd\'","description":"<code>dayjs</code> format for weekdays names","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by <code>DatesProvider</code>.","name":"weekendDays","required":false,"type":{"name":"(0 | 1 | 2 | 3 | 4 | 5 | 6)[]"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withCellSpacing":{"defaultValue":"true","description":"Determines whether controls should be separated","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withNativeLevelSelect":{"defaultValue":"false","description":"Determines whether level select controls should be rendered as native <code><select></code> elements","name":"withNativeLevelSelect","required":false,"type":{"name":"boolean"}},"withNext":{"defaultValue":"true","description":"Determines whether next control should be rendered","name":"withNext","required":false,"type":{"name":"boolean"}},"withPrevious":{"defaultValue":"true","description":"Determines whether previous control should be rendered","name":"withPrevious","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"withTime":{"defaultValue":"false","description":"If set to <code>true</code>, the time part of the value is preserved. Set this to <code>true</code> when <code>valueFormat</code> includes time (e.g. <code>\\"YYYY-MM-DD HH:mm\\"</code>).","name":"withTime","required":false,"type":{"name":"boolean"}},"withWeekNumbers":{"defaultValue":"false","description":"Determines whether week numbers should be displayed","
1name":"withWeekNumbers","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}},"yearLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"dayjs label format to display year label or a function that returns year label based on year value","name":"yearLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"yearsListFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for years list or a function that returns year label based on the date value","name":"yearsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"yearsSelectRange":{"defaultValue":null,"description":"Year range for native level select, tuple of <code>[startYear, endYear]</code>. Defaults to <code>[currentYear - 100, currentYear + 50]</code> or values derived from <code>minDate</code>/<code>maxDate</code> if set.","name":"yearsSelectRange","required":false,"type":{"name":"[number, number]"}}}},"DatePicker":{"props":{"allowDeselect":{"defaultValue":null,"description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\\"default\\"","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"allowSingleDateInRange":{"defaultValue":null,"description":"Determines whether a single day can be selected as range, applicable only when type=\\"range\\"","name":"allowSingleDateInRange","required":false,"type":{"name":"boolean"}},"ariaLabels":{"defaultValue":null,"description":"<code>aria-label</code> attributes for controls on different levels","name":"ariaLabels","required":false,"type":{"name":"CalendarAriaLabels"}},"columnsToScroll":{"defaultValue":null,"description":"Number of columns to scroll with next/prev buttons, same as <code>numberOfColumns</code> if not set explicitly","name":"columnsToScroll","required":false,"type":{"name":"number"}},"date":{"defaultValue":null,"description":"Displayed date in controlled mode","name":"date","required":false,"type":{"name":"string | Date"}},"decadeLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for decade label or a function that returns decade label based on the date value","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: string, endOfDecade: string) => ReactNode)"}},"defaultDate":{"defaultValue":null,"description":"Initial displayed date in uncontrolled mode","name":"defaultDate","required":false,"type":{"name":"string | Date"}},"defaultLevel":{"defaultValue":null,"description":"Initial displayed level (uncontrolled)","name":"defaultLevel","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"DateValue | DatesRangeValue<DateValue> | DateValue[]"}},"enableKeyboardNavigation":{"defaultValue":null,"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)","name":"enableKeyboardNavigation","required":false,"type":{"name":"boolean"}},"excludeDate":{"defaultValue":null,"description":"Callback function to determine whether the day should be disabled","name":"excludeDate","required":false,"type":{"name":"(date: string) => boolean"}},"firstDayOfWeek":{"defaultValue":"1 â Monday","description":"Number 0-6, where 0 â Sunday and 6 â Saturday.","name":"firstDayOfWeek","required":false,"type":{"name":"0 | 1 | 2 | 3 | 4 | 5 | 6","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"fullWidth":{"defaultValue":"false","description":"Determines whether the list should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"getDayAriaLabel":{"defaultValue":null,"description":"Assigns <code>aria-label</code> to <code>Day</code> components based on date","name":"getDayAriaLabel","required":false,"type":{"name":"(date: string) => string"}},"getDayProps":{"defaultValue":null,"description":"Passes props down to <code>Day</code> components","name":"getDayProps","required":false,"type":{"name":"(date: string) => Omit<Partial<DayProps>, \\"vars\\" | \\"classNames\\" | \\"styles\\"> & DataAttributes"}},"getMonthControlProps":{"defaultValue":null,"description":"Passes props down month picker control","name":"getMonthControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"getYearControlProps":{"defaultValue":null,"description":"Passes props down to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"headerControlsOrder":{"defaultValue":"[\'previous\', \'level\', \'next\']","description":"Controls order","name":"headerControlsOrder","required":false,"type":{"name":"(\\"next\\" | \\"previous\\" | \\"level\\")[]"}},"hideOutsideDates":{"defaultValue":"false","description":"Determines whether outside dates should be hidden","name":"hideOutsideDates","required":false,"type":{"name":"boolean"}},"hideWeekdays":{"defaultValue":"false","description":"Determines whether weekdays row should be hidden","name":"hideWeekdays","required":false,"type":{"name":"boolean"}},"highlightToday":{"defaultValue":"false","description":"Determines whether today should be highlighted
1with a border","name":"highlightToday","required":false,"type":{"name":"boolean"}},"level":{"defaultValue":null,"description":"Current displayed level (controlled)","name":"level","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"locale":{"defaultValue":null,"description":"Dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"maxDate","required":false,"type":{"name":"string | Date"}},"maxLevel":{"defaultValue":null,"description":"","name":"maxLevel","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"minDate":{"defaultValue":null,"description":"Minimum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"minDate","required":false,"type":{"name":"string | Date"}},"monthLabelFormat":{"defaultValue":"\\"MMMM YYYY\\"","description":"dayjs label format to display month label or a function that returns month label based on month value","name":"monthLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"monthsListFormat":{"defaultValue":"\\"MMM\\"","description":"<code>dayjs</code> format for months list or a function that returns month label based on the date value","name":"monthsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"Next button <code>aria-label</code>","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":"1","description":"Number of columns displayed next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: DatePickerValue<Type, string>) => void"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes","name":"onDateChange","required":false,"type":{"name":"(date: string) => void"}},"onLevelChange":{"defaultValue":null,"description":"Called when level changes","name":"onLevelChange","required":false,"type":{"name":"(level: CalendarLevel) => void"}},"onMonthMouseEnter":{"defaultValue":null,"description":"Called when mouse enters month control","name":"onMonthMouseEnter","required":false,"type":{"name":"(event: MouseEvent<HTMLButtonElement, MouseEvent>, date: string) => void"}},"onMonthSelect":{"defaultValue":null,"description":"Called when user selects month","name":"onMonthSelect","required":false,"type":{"name":"(date: string) => void"}},"onNextDecade":{"defaultValue":null,"description":"Called when the next decade button is clicked","name":"onNextDecade","required":false,"type":{"name":"(date: string) => void"}},"onNextMonth":{"defaultValue":null,"description":"Called when the next month button is clicked","name":"onNextMonth","required":false,"type":{"name":"(date: string) => void"}},"onNextYear":{"defaultValue":null,"description":"Called when the next year button is clicked","name":"onNextYear","required":false,"type":{"name":"(date: string) => void"}},"onPreviousDecade":{"defaultValue":null,"description":"Called when the previous decade button is clicked","name":"onPreviousDecade","required":false,"type":{"name":"(date: string) => void"}},"onPreviousMonth":{"defaultValue":null,"description":"Called when the previous month button is clicked","name":"onPreviousMonth","required":false,"type":{"name":"(date: string) => void"}},"onPreviousYear":{"defaultValue":null,"description":"Called when the previous year button is clicked","name":"onPreviousYear","required":false,"type":{"name":"(date: string) => void"}},"onYearMouseEnter":{"defaultValue":null,"description":"Called when mouse enters year control","name":"onYearMouseEnter","required":false,"type":{"name":"(event: MouseEvent<HTMLButtonElement, MouseEvent>, date: string) => void"}},"onYearSelect":{"defaultValue":null,"description":"Called when user selects year","name":"onYearSelect","required":false,"type":{"name":"(date: string) => void"}},"presets":{"defaultValue":null,"description":"Predefined values to pick from","name":"presets","required":false,"type":{"name":"DatePickerPreset<Type>[]"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"Previous button <code>aria-label</code>","name":"previousLabel","required":false,"type":{"name":"string"}},"renderDay":{"defaultValue":null,"description":"Controls day value rendering","name":"renderDay","required":false,"type":{"name":"(date: string) => React.ReactNode"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"type":{"defaultValue":null,"description":"Picker type: range, multiple or default","name":"type","required":false,"type":{"name":"\\"range\\" | \\"multiple\\" | \\"default\\"","raw":"DatePickerType | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"multiple\\""},{"value":"\\"range\\""}]}},"value":{"defaultValue":null,"description":"Value for controlled component","name":"value","required":false,"type":{"name":"DateValue | DatesRangeValue<DateValue> | DateValue[]"}},"weekdayFormat":{"defaultValue":"\'dd\'","description":"<code>dayjs</code> format for weekdays names","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by <code>
1DatesProvider</code>.","name":"weekendDays","required":false,"type":{"name":"(0 | 1 | 2 | 3 | 4 | 5 | 6)[]"}},"withCellSpacing":{"defaultValue":"true","description":"Determines whether controls should be separated","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withNativeLevelSelect":{"defaultValue":"false","description":"Determines whether level select controls should be rendered as native <code><select></code> elements","name":"withNativeLevelSelect","required":false,"type":{"name":"boolean"}},"withWeekNumbers":{"defaultValue":"false","description":"Determines whether week numbers should be displayed","name":"withWeekNumbers","required":false,"type":{"name":"boolean"}},"yearLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"dayjs label format to display year label or a function that returns year label based on year value","name":"yearLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"yearsListFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for years list or a function that returns year label based on the date value","name":"yearsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"yearsSelectRange":{"defaultValue":null,"description":"Year range for native level select, tuple of <code>[startYear, endYear]</code>. Defaults to <code>[currentYear - 100, currentYear + 50]</code> or values derived from <code>minDate</code>/<code>maxDate</code> if set.","name":"yearsSelectRange","required":false,"type":{"name":"[number, number]"}}}},"DatePickerInput":{"props":{"allowDeselect":{"defaultValue":null,"description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\\"default\\"","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"allowSingleDateInRange":{"defaultValue":null,"description":"Determines whether a single day can be selected as range, applicable only when type=\\"range\\"","name":"allowSingleDateInRange","required":false,"type":{"name":"boolean"}},"ariaLabels":{"defaultValue":null,"description":"<code>aria-label</code> attributes for controls on different levels","name":"ariaLabels","required":false,"type":{"name":"CalendarAriaLabels"}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to the clear button","name":"clearButtonProps","required":false,"type":{"name":"React.ComponentProps<\\"button\\">"}},"clearSectionMode":{"defaultValue":"\'both\'","description":"Determines how the clear button and rightSection are rendered","name":"clearSectionMode","required":false,"type":{"name":"ClearSectionMode","raw":"ClearSectionMode | undefined","value":[{"value":"undefined"},{"value":"\\"both\\""},{"value":"\\"rightSection\\""},{"value":"\\"clear\\""}]}},"clearable":{"defaultValue":"false","description":"If set, clear button is displayed in the <code>rightSection</code> when the component has value. Ignored if <code>rightSection</code> prop is set.","name":"clearable","required":false,"type":{"name":"boolean"}},"closeOnChange":{"defaultValue":"true","description":"Determines whether the dropdown is closed when date is selected, not applicable with <code>type=\\"multiple\\"</code>","name":"closeOnChange","required":false,"type":{"name":"boolean"}},"columnsToScroll":{"defaultValue":null,"description":"Number of columns to scroll with next/prev buttons, same as <code>numberOfColumns</code> if not set explicitly","name":"columnsToScroll","required":false,"type":{"name":"number"}},"date":{"defaultValue":null,"description":"Displayed date in controlled mode","name":"date","required":false,"type":{"name":"string | Date"}},"decadeLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for decade label or a function that returns decade label based on the date value","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: string, endOfDecade: string) => ReactNode)"}},"defaultDate":{"defaultValue":null,"description":"Initial displayed date in uncontrolled mode","name":"defaultDate","required":false,"type":{"name":"string | Date"}},"defaultLevel":{"defaultValue":null,"description":"Initial displayed level (uncontrolled)","name":"defaultLevel","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"DateValue | DatesRangeValue<DateValue> | DateValue[]"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}}
1,"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownType":{"defaultValue":"\'popover\'","description":"Type of the dropdown","name":"dropdownType","required":false,"type":{"name":"\\"popover\\" | \\"modal\\"","raw":"\\"popover\\" | \\"modal\\" | undefined","value":[{"value":"undefined"},{"value":"\\"popover\\""},{"value":"\\"modal\\""}]}},"enableKeyboardNavigation":{"defaultValue":null,"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)","name":"enableKeyboardNavigation","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"excludeDate":{"defaultValue":null,"description":"Callback function to determine whether the day should be disabled","name":"excludeDate","required":false,"type":{"name":"(date: string) => boolean"}},"firstDayOfWeek":{"defaultValue":"1 â Monday","description":"Number 0-6, where 0 â Sunday and 6 â Saturday.","name":"firstDayOfWeek","required":false,"type":{"name":"0 | 1 | 2 | 3 | 4 | 5 | 6","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"fullWidth":{"defaultValue":"false","description":"Determines whether the list should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"getDayAriaLabel":{"defaultValue":null,"description":"Assigns <code>aria-label</code> to <code>Day</code> components based on date","name":"getDayAriaLabel","required":false,"type":{"name":"(date: string) => string"}},"getDayProps":{"defaultValue":null,"description":"Passes props down to <code>Day</code> components","name":"getDayProps","required":false,"type":{"name":"(date: string) => Omit<Partial<DayProps>, \\"vars\\" | \\"classNames\\" | \\"styles\\"> & DataAttributes"}},"getMonthControlProps":{"defaultValue":null,"description":"Passes props down month picker control","name":"getMonthControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"getYearControlProps":{"defaultValue":null,"description":"Passes props down to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"headerControlsOrder":{"defaultValue":"[\'previous\', \'level\', \'next\']","description":"Controls order","name":"headerControlsOrder","required":false,"type":{"name":"(\\"next\\" | \\"previous\\" | \\"level\\")[]"}},"hideOutsideDates":{"defaultValue":"false","description":"Determines whether outside dates should be hidden","name":"hideOutsideDates","required":false,"type":{"name":"boolean"}},"hideWeekdays":{"defaultValue":"false","description":"Determines whether weekdays row should be hidden","name":"hideWeekdays","required":false,"type":{"name":"boolean"}},"highlightToday":{"defaultValue":"false","description":"Determines whether today should be highlighted with a border","name":"highlightToday","required":false,"type":{"name":"boolean"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"labelSeparator":{"defaultValue":null,"description":"Separator between range value","name":"labelSeparator","required":false,"type":{"name":"string"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"level":{"defaultValue":null,"description":"Current displayed level (controlled)","name":"level","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"locale":{"defaultValue":null,"description":"Dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"maxDate","required":false,"type":{"name":"string | Date"}},"maxLevel":{"defaultValue":null,"description":"","name":"maxLevel","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"minDate":{"defaultValue":null,"description":"Minimum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"minDate","required":false,"type":{"name":"string | Date"}},"modalProps":{"defaultValue":null,"description":"Props passed down to <code>Modal</code> component","name":"modalProps","required":false,"type":{"name":"Partial<Omit<ModalProps, \\"children\\">>"}},"monthLabelFormat":{"defaultValue":"\\"MMMM YYYY\\"","description":"dayjs label format to display month label or a function that returns month label based on month value","name":"monthLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"monthsListFormat":{"defaultValue":"\\"MMM\\"","description":"<code>dayjs</code> format for months list or a function that returns month label based on the date value","name":"monthsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"Next button <code>aria-label</code>","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":"1","description":"Number of columns displayed next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: DatePickerValue<Type, string>) => void"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes","name":"onDateChange","required":false,"type":{"name":"(date: string) => void"}},"onDropdownClose":{"defaultValue":null,"description":"Called when the dropdown is closed","name":"onDropdownClose","required":false,"type":{"name":"() => void"}},"onLevelChange":{"defaultValue":null,"description":"Called when level changes","name":"onLevelChange","required":false,"type":{"name":"(level: CalendarLevel) => void"}},"onMonthMouseEnter":{"defaultValue":null,"description":"Called when mouse enters month control","name":"onMonthMouseEnter","required":false,"type":{"name":"(event: MouseEvent<HTMLButtonElement, MouseEvent>, date: string) => void"}},"onMonthSelect":{"defaultValue":null,"description":"Called when user selects month","name":"onMonthSelect","required":false,"type":{"name":"(date: string) => void"}},"onNextDecade":{"defaultValue":null,"description":"Called when the next decade button is clicked","name":"onNextDecade","required":false,"type":{"name":"(date: string) => void"}},"onNextMonth":{"defaultValue":null,"description":"Called when the next month button is clicked","name":"onNextMonth","required":false,"type":{"name":"(date: string) => void"}},"onNextYear":{"defaultValue":null,"description":"Called when the next year button is clicked","name":"onNextYear","required":false,"type":{"name":"(date: string) => void"}},"onPreviousDecade":{"defaultValue":null,"description":"Called when the previous decade button is clicked","name":"onPreviousDecade","required":false,"type":{"name":"(date: string) => void"}},"onPreviousMonth":{"defaultValue":null,"description":"Called when the previous month button is clicked","name":"onPreviousMonth","required":false,"type":{"name":"(date: string) => void"}},"onPreviousYear":{"defaultValue":null,"description":"Called when the previous year button is clicked","name":"onPreviousYear","required":false,"type":{"name":"(date: string) => void"}},"onYearMouseEnter":{"defaultValue":null,"description":"Called when mouse enters year control","name":"onYearMouseEnter","required":false,"type":{"name":"(event: MouseEvent<HTMLButtonElement, MouseEvent>, date: string) => void"}},"onYearSelect":{"defaultValue":null,"description":"Called when user selects year","name":"onYearSelect","required":false,"type":{"name":"(date: string) => void"}},"placeholder":{"defaultValue":null,"description":"Input placeholder","name":"placeholder","required":false,"type":{"name":"string"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"popoverProps":{"defaultValue":null,"description":"Props passed down to <code>Popover</code> component","name":"popoverProps","required":false,"type":{"name":"Partial<Omit<PopoverProps, \\"children\\">>"}},"presets":{"defaultValue":null,"description":"Predefined values to pick from","name":"presets","required":false,"type":{"name":"DatePickerPreset<Type>[]"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"Previous button <code>aria-label</code>","name":"previousLabel","required":false,"type":{"name":"string"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"readOnly":{"defaultValue":null,"description":"If set, the component value cannot be changed by the user","name":"readOnly","required":false,"type":{"name":"boolean"}},"renderDay":{"defaultValue":null,"description":"Controls day value rendering","name":"renderDay","required":false,"type":{"name":"(date: string) => React.ReactNode"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"sortDates":{"defaultValue":"true","description":"Determines whether dates values should be sorted before <code>onChange</code> call, only applicable with type=\\"multiple\\"","name":"sortDates","required":false,"type":{"name":"boolean"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"type":{"defaultValue":null,"description":"Picker type: range, multiple or default","name":"type","required":false,"type":{"name":"\\"range\\" | \\"multiple\\" | \\"default\\"","raw":"DatePickerType | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"multiple\\""},{"value":"\\"range\\""}]}},"value":{"defaultValue":null,"description":"Value for controlled component","name":"value","required":false,"type":{"name":"DateValue | DatesRangeValue<DateValue> | DateValue[]"}},"valueFormat":{"defaultValue":"\\"MMMM D, YYYY\\"","description":"<code>dayjs</code> format for input value","name":"valueFormat","required":false,"type":{"name":"string"}},"valueFormatter":{"defaultValue":null,"description":"A function to format selected dates values into a string. By default, date is formatted based on the input type.","name":"valueFormatter","required":false,"type":{"name":"DateFormatter"}},"weekdayFormat":{"defaultValue":"\'dd\'","description":"<code>dayjs</code> format for weekdays names","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by <code>DatesProvider</code>.","name":"weekendDays","required":false,"type":{"name":"(0 | 1 | 2 | 3 | 4 | 5 | 6)[]"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withCellSpacing":{"defaultValue":"true","description":"Determines whether controls should be separated","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withNativeLevelSelect":{"defaultValue":"false","description":"Determines whether level select controls should be rendered as native <code><select></code> elements","name":"withNativeLevelSelect","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"withWeekNumbers":{"defaultValue":"false","description":"Determines whether week numbers should be displayed","
1name":"withWeekNumbers","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}},"yearLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"dayjs label format to display year label or a function that returns year label based on year value","name":"yearLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"yearsListFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for years list or a function that returns year label based on the date value","name":"yearsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"yearsSelectRange":{"defaultValue":null,"description":"Year range for native level select, tuple of <code>[startYear, endYear]</code>. Defaults to <code>[currentYear - 100, currentYear + 50]</code> or values derived from <code>minDate</code>/<code>maxDate</code> if set.","name":"yearsSelectRange","required":false,"type":{"name":"[number, number]"}}}},"DateTimePicker":{"props":{"allowSingleDateInRange":{"defaultValue":null,"description":"Determines whether a single day can be selected as range, applicable only when type=\\"range\\"","name":"allowSingleDateInRange","required":false,"type":{"name":"boolean"}},"ariaLabels":{"defaultValue":null,"description":"<code>aria-label</code> attributes for controls on different levels","name":"ariaLabels","required":false,"type":{"name":"CalendarAriaLabels"}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to the clear button","name":"clearButtonProps","required":false,"type":{"name":"React.ComponentProps<\\"button\\">"}},"clearSectionMode":{"defaultValue":"\'both\'","description":"Determines how the clear button and rightSection are rendered","name":"clearSectionMode","required":false,"type":{"name":"ClearSectionMode","raw":"ClearSectionMode | undefined","value":[{"value":"undefined"},{"value":"\\"both\\""},{"value":"\\"rightSection\\""},{"value":"\\"clear\\""}]}},"clearable":{"defaultValue":"false","description":"If set, clear button is displayed in the <code>rightSection</code> when the component has value. Ignored if <code>rightSection</code> prop is set.","name":"clearable","required":false,"type":{"name":"boolean"}},"columnsToScroll":{"defaultValue":null,"description":"Number of columns to scroll with next/prev buttons, same as <code>numberOfColumns</code> if not set explicitly","name":"columnsToScroll","required":false,"type":{"name":"number"}},"date":{"defaultValue":null,"description":"Displayed date in controlled mode","name":"date","required":false,"type":{"name":"string | Date"}},"decadeLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for decade label or a function that returns decade label based on the date value","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: string, endOfDecade: string) => ReactNode)"}},"defaultDate":{"defaultValue":null,"description":"Initial displayed date in uncontrolled mode","name":"defaultDate","required":false,"type":{"name":"string | Date"}},"defaultLevel":{"defaultValue":null,"description":"Initial displayed level in uncontrolled mode","name":"defaultLevel","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"defaultTimeValue":{"defaultValue":null,"description":"Default time value in HH:mm<code> or </code>HH:mm:ss` format. Assigned to time when date is selected.","name":"defaultTimeValue","required":false,"type":{"name":"string"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"DateValue | DatesRangeValue<DateValue> | DateValue[]"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}}
1,"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownType":{"defaultValue":"\'popover\'","description":"Type of the dropdown","name":"dropdownType","required":false,"type":{"name":"\\"popover\\" | \\"modal\\"","raw":"\\"popover\\" | \\"modal\\" | undefined","value":[{"value":"undefined"},{"value":"\\"popover\\""},{"value":"\\"modal\\""}]}},"endTimePickerProps":{"defaultValue":null,"description":"Props passed down to the end time <code>TimePicker</code> component in range mode","name":"endTimePickerProps","required":false,"type":{"name":"Omit<TimePickerProps, \\"value\\" | \\"defaultValue\\">"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"excludeDate":{"defaultValue":null,"description":"Callback function to determine whether the day should be disabled","name":"excludeDate","required":false,"type":{"name":"(date: string) => boolean"}},"firstDayOfWeek":{"defaultValue":"1 â Monday","description":"Number 0-6, where 0 â Sunday and 6 â Saturday.","name":"firstDayOfWeek","required":false,"type":{"name":"0 | 1 | 2 | 3 | 4 | 5 | 6","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"fullWidth":{"defaultValue":"false","description":"Determines whether the calendar should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"getDayAriaLabel":{"defaultValue":null,"description":"Assigns <code>aria-label</code> to <code>Day</code> components based on date","name":"getDayAriaLabel","required":false,"type":{"name":"(date: string) => string"}},"getDayProps":{"defaultValue":null,"description":"Passes props down to <code>Day</code> components","name":"getDayProps","required":false,"type":{"name":"(date: string) => Omit<Partial<DayProps>, \\"vars\\" | \\"classNames\\" | \\"styles\\"> & DataAttributes"}},"getMonthControlProps":{"defaultValue":null,"description":"Passes props down month picker control","name":"getMonthControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"getYearControlProps":{"defaultValue":null,"description":"Passes props down to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"headerControlsOrder":{"defaultValue":"[\'previous\', \'level\', \'next\']","description":"Controls order","name":"headerControlsOrder","required":false,"type":{"name":"(\\"next\\" | \\"previous\\" | \\"level\\")[]"}},"hideOutsideDates":{"defaultValue":"false","description":"Determines whether outside dates should be hidden","name":"hideOutsideDates","required":false,"type":{"name":"boolean"}},"hideWeekdays":{"defaultValue":"false","description":"Determines whether weekdays row should be hidden","name":"hideWeekdays","required":false,"type":{"name":"boolean"}},"highlightToday":{"defaultValue":"false","description":"Determines whether today should be highlighted with a border","name":"highlightToday","required":false,"type":{"name":"boolean"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"labelSeparator":{"defaultValue":null,"description":"Separator between range values","name":"labelSeparator","required":false,"type":{"name":"string"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"level":{"defaultValue":null,"description":"Current displayed level displayed in controlled mode","name":"level","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"locale":{"defaultValue":null,"description":"Dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"maxDate","required":false,"type":{"name":"string | Date"}},"maxLevel":{"defaultValue":"\'decade\'","description":"Max level that user can go up to","name":"maxLevel","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"minDate":{"defaultValue":null,"description":"Minimum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"minDate","required":false,"type":{"name":"string | Date"}},"modalProps":{"defaultValue":null,"description":"Props passed down to <code>Modal</code> component","name":"modalProps","required":false,"type":{"name":"Partial<Omit<ModalProps, \\"children\\">>"}},"monthLabelFormat":{"defaultValue":"\\"MMMM YYYY\\"","description":"dayjs label format to display month label or a function that returns month label based on month value","name":"monthLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"monthsListFormat":{"defaultValue":"\\"MMM\\"","description":"<code>dayjs</code> format for months list or a function that returns month label based on the date value","name":"monthsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"Next button <code>aria-label</code>","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":"1","description":"Number of columns displayed next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}}
1,"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: DatePickerValue<Type, string>) => void"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes","name":"onDateChange","required":false,"type":{"name":"(date: string) => void"}},"onDropdownClose":{"defaultValue":null,"description":"Called when the dropdown is closed","name":"onDropdownClose","required":false,"type":{"name":"() => void"}},"onLevelChange":{"defaultValue":null,"description":"Called when level changes","name":"onLevelChange","required":false,"type":{"name":"(level: CalendarLevel) => void"}},"onMonthSelect":{"defaultValue":null,"description":"Called when user selects month","name":"onMonthSelect","required":false,"type":{"name":"(date: string) => void"}},"onNextDecade":{"defaultValue":null,"description":"Called when the next decade button is clicked","name":"onNextDecade","required":false,"type":{"name":"(date: string) => void"}},"onNextMonth":{"defaultValue":null,"description":"Called when the next month button is clicked","name":"onNextMonth","required":false,"type":{"name":"(date: string) => void"}},"onNextYear":{"defaultValue":null,"description":"Called when the next year button is clicked","name":"onNextYear","required":false,"type":{"name":"(date: string) => void"}},"onPreviousDecade":{"defaultValue":null,"description":"Called when the previous decade button is clicked","name":"onPreviousDecade","required":false,"type":{"name":"(date: string) => void"}},"onPreviousMonth":{"defaultValue":null,"description":"Called when the previous month button is clicked","name":"onPreviousMonth","required":false,"type":{"name":"(date: string) => void"}},"onPreviousYear":{"defaultValue":null,"description":"Called when the previous year button is clicked","name":"onPreviousYear","required":false,"type":{"name":"(date: string) => void"}},"onYearSelect":{"defaultValue":null,"description":"Called when user selects year","name":"onYearSelect","required":false,"type":{"name":"(date: string) => void"}},"placeholder":{"defaultValue":null,"description":"Input placeholder","name":"placeholder","required":false,"type":{"name":"string"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"popoverProps":{"defaultValue":null,"description":"Props passed down to <code>Popover</code> component","name":"popoverProps","required":false,"type":{"name":"Partial<Omit<PopoverProps, \\"children\\">>"}},"presets":{"defaultValue":null,"description":"Presets values","name":"presets","required":false,"type":{"name":"DatePickerPreset<Type>[]"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"Previous button <code>aria-label</code>","name":"previousLabel","required":false,"type":{"name":"string"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"readOnly":{"defaultValue":null,"description":"If set, the component value cannot be changed by the user","name":"readOnly","required":false,"type":{"name":"boolean"}},"renderDay":{"defaultValue":null,"description":"Controls day value rendering","name":"renderDay","required":false,"type":{"name":"(date: string) => React.ReactNode"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"sortDates":{"defaultValue":"true","description":"Determines whether dates values should be sorted before <code>onChange</code> call, only applicable with type=\\"multiple\\"","name":"sortDates","required":false,"type":{"name":"boolean"}},"submitButtonProps":{"defaultValue":null,"description":"Props passed down to the submit button","name":"submitButtonProps","required":false,"type":{"name":"ActionIconProps &
1ClassAttributes<HTMLButtonElement> & ButtonHTMLAttributes<HTMLButtonElement>"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"timePickerProps":{"defaultValue":null,"description":"Props passed down to <code>TimePicker</code> component","name":"timePickerProps","required":false,"type":{"name":"Omit<TimePickerProps, \\"value\\" | \\"defaultValue\\">"}},"type":{"defaultValue":"\'default\'","description":"Picker type: range or default","name":"type","required":false,"type":{"name":"\\"range\\" | \\"multiple\\" | \\"default\\"","raw":"DatePickerType | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"multiple\\""},{"value":"\\"range\\""}]}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"DateValue | DatesRangeValue<DateValue> | DateValue[]"}},"valueFormat":{"defaultValue":"\\"DD/MM/YYYY HH:mm\\"","description":"<code>dayjs</code> format for input value, or a function that receives the value as a <code>YYYY-MM-DD HH:mm:ss</code> string and returns the formatted value","name":"valueFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekdayFormat":{"defaultValue":"\'dd\'","description":"<code>dayjs</code> format for weekdays names","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by <code>DatesProvider</code>.","name":"weekendDays","required":false,"type":{"name":"(0 | 1 | 2 | 3 | 4 | 5 | 6)[]"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withCellSpacing":{"defaultValue":"true","description":"Determines whether controls should be separated","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withNativeLevelSelect":{"defaultValue":"false","description":"Determines whether level select controls should be rendered as native <code><select></code> elements","name":"withNativeLevelSelect","required":false,"type":{"name":"boolean"}},"withSeconds":{"defaultValue":"false","description":"Determines whether the seconds input should be displayed","name":"withSeconds","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"withWeekNumbers":{"defaultValue":"false","description":"Determines whether week numbers should be displayed","name":"withWeekNumbers","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}},"yearLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"dayjs label format to display year label or a function that returns year label based on year value","name":"yearLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"yearsListFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for years list or a function that returns year label based on the date value","name":"yearsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"yearsSelectRange":{"defaultValue":null,"description":"Year range for native level select, tuple of <code>[startYear, endYear]</code>. Defaults to <code>[currentYear - 100, currentYear + 50]</code> or values derived from <code>minDate</code>/<code>maxDate</code> if set.","name":"yearsSelectRange","required":false,"type":{"name":"[number, number]"}}}}
1,"DatesProvider":{"props":{"settings":{"defaultValue":null,"description":"","name":"settings","required":true,"type":{"name":"Partial<DatesProviderValue>"}}}},"DatesProviderContext":{"description":"","props":{}},"Day":{"props":{"date":{"defaultValue":null,"description":"Date that is displayed in <code>YYYY-MM-DD</code> format","name":"date","required":true,"type":{"name":"string"}},"firstInRange":{"defaultValue":"false","description":"Determines whether the day is first in range selection","name":"firstInRange","required":false,"type":{"name":"boolean"}},"fullWidth":{"defaultValue":"false","description":"Determines whether the day should take the full width of its cell","name":"fullWidth","required":false,"type":{"name":"boolean"}},"hidden":{"defaultValue":"false","description":"Determines whether the day should not be displayed","name":"hidden","required":false,"type":{"name":"boolean"}},"highlightToday":{"defaultValue":"false","description":"Determines whether today should be highlighted with a border","name":"highlightToday","required":false,"type":{"name":"boolean"}},"inRange":{"defaultValue":"false","description":"Determines whether the day is selected in range","name":"inRange","required":false,"type":{"name":"boolean"}},"lastInRange":{"defaultValue":"false","description":"Determines whether the day is last in range selection","name":"lastInRange","required":false,"type":{"name":"boolean"}},"outside":{"defaultValue":"false","description":"Determines whether the day is outside of the current month","name":"outside","required":false,"type":{"name":"boolean"}},"renderDay":{"defaultValue":null,"description":"Controls day value rendering","name":"renderDay","required":false,"type":{"name":"(date: string) => React.ReactNode"}},"selected":{"defaultValue":"false","description":"Determines whether the day is selected","name":"selected","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":"\'sm\'","description":"Control width and height of the day","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"static":{"defaultValue":null,"description":"Determines which element is used as root, <code>\'button\'</code> by default, <code>\'div\'</code> if static prop is set","name":"static","required":false,"type":{"name":"boolean"}},"weekend":{"defaultValue":"false","description":"Determines whether the day is considered to be a weekend","name":"weekend","required":false,"type":{"name":"boolean"}}}},"DecadeLevel":{"props":{"decade":{"defaultValue":null,"description":"Displayed decade","name":"decade","required":true,"type":{"name":"string"}},"decadeLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for decade label or a function that returns decade label based on the date value","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: string, endOfDecade: string) => ReactNode)"}},"fullWidth":{"defaultValue":"false","description":"Determines whether the calendar should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"getYearControlProps":{"defaultValue":null,"description":"Passes props down to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"headerControlsOrder":{"defaultValue":"[\'previous\', \'level\', \'next\']","description":"Controls order","name":"headerControlsOrder","required":false,"type":{"name":"(\\"next\\" | \\"previous\\" | \\"level\\")[]"}},"levelControlAriaLabel":{"defaultValue":null,"description":"Level control <code>aria-label</code>","name":"levelControlAriaLabel","required":false,"type":{"name":"string"}},"locale":{"defaultValue":null,"description":"Dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"maxDate","required":false,"type":{"name":"string | Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"minDate","required":false,"type":{"name":"string | Date"}},"nextDisabled":{"defaultValue":null,"description":"Disables next control","name":"nextDisabled","required":false,"type":{"name":"boolean"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"Next button <code>aria-label</code>","name":"nextLabel","required":false,"type":{"name":"string"}},"onNext":{"defaultValue":null,"description":"Called when the next button is clicked","name":"onNext","required":false,"type":{"name":"() => void"}},"onPrevious":{"defaultValue":null,"description":"Called when the previous button is clicked","name":"onPrevious","required":false,"type":{"name":"() => void"}},"previousDisabled":{"defaultValue":null,"description":"Disables previous control","name":"previousDisabled","required":false,"type":{"name":"boolean"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"Previous button <code>aria-label</code>","name":"previousLabel","required":false,"type":{"name":"string"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"withCellSpacing":{"defaultValue":"true","description":"Determines whether controls should be separated","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withNativeLevelSelect":{"defaultValue":"false","description":"Determines whether level select controls should be rendered as native <code><select></code> elements","name":"withNativeLevelSelect","required":false,"type":{"name":"boolean"}},"withNext":{"defaultValue":"true","description":"Determines whether next control should be rendered","name":"withNext","required":false,"type":{"name":"boolean"}},"withPrevious":{"defaultValue":"true","description":"Determines whether previous control should be rendered","name":"withPrevious","required":false,"type":{"name":"boolean"}},"yearsListFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for years list or a function that returns year label based on the date value","name":"yearsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"yearsSelectRange":{"defaultValue":null,"description":"Year range for native level select, tuple of <code>[startYear, endYear]</code>. Defaults to <code>[currentYear - 100, currentYear + 50]</code> or values derived from <code>minDate</code>/<code>maxDate</code> if set.","name":"yearsSelectRange","required":false,"type":{"name":"[number, number]"}}}},"DecadeLevelGroup":{"props":{"decade":{"defaultValue":null,"description":"Displayed decade","name":"decade","required":true,"type":{"name":"string"}},"decadeLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for decade label or a function that returns decade label based on the date value","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: string, endOfDecade: string) => ReactNode)"}},"fullWidth":{"defaultValue":"false","description":"Determines whether the calendar should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"getYearControlProps":{"defaultValue":null,"description":"Passes props down to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"headerControlsOrder":{"defaultValue":"[\'previous\', \'level\', \'next\']","description":"Controls order","name":"headerControlsOrder","required":false,"type":{"name":"(\\"next\\" | \\"previous\\" | \\"level\\")[]"}},"levelControlAriaLabel":{"defaultValue":null,"description":"Function that returns level control <code>aria-label</code> based on year date","name":"levelControlAriaLabel","required":false,"type":{"name":"string | ((decade: string) => string)"}},"locale":{"defaultValue":null,"description":"Dayjs locale, defaults to value defined in DatesProvi
1der","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"maxDate","required":false,"type":{"name":"string | Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"minDate","required":false,"type":{"name":"string | Date"}},"nextDisabled":{"defaultValue":null,"description":"Disables next control","name":"nextDisabled","required":false,"type":{"name":"boolean"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"Next button <code>aria-label</code>","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":null,"description":"Number of columns to display next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onNext":{"defaultValue":null,"description":"Called when the next button is clicked","name":"onNext","required":false,"type":{"name":"() => void"}},"onPrevious":{"defaultValue":null,"description":"Called when the previous button is clicked","name":"onPrevious","required":false,"type":{"name":"() => void"}},"previousDisabled":{"defaultValue":null,"description":"Disables previous control","name":"previousDisabled","required":false,"type":{"name":"boolean"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"Previous button <code>aria-label</code>","name":"previousLabel","required":false,"type":{"name":"string"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"withCellSpacing":{"defaultValue":"true","description":"Determines whether controls should be separated","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withNativeLevelSelect":{"defaultValue":"false","description":"Determines whether level select controls should be rendered as native <code><select></code> elements","name":"withNativeLevelSelect","required":false,"type":{"name":"boolean"}},"yearsListFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for years list or a function that returns year label based on the date value","name":"yearsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"yearsSelectRange":{"defaultValue":null,"description":"Year range for native level select, tuple of <code>[startYear, endYear]</code>. Defaults to <code>[currentYear - 100, currentYear + 50]</code> or values derived from <code>minDate</code>/<code>maxDate</code> if set.","name":"yearsSelectRange","required":false,"type":{"name":"[number, number]"}}}},"HiddenDatesInput":{"props":{"form":{"defaultValue":null,"description":"","name":"form","required":true,"type":{"name":"string"}},"name":{"defaultValue":null,"description":"","name":"name","required":true,"type":{"name":"string"}},"type":{"defaultValue":null,"description":"","name":"type","required":true,"type":{"name":"DatePickerType","raw":"DatePickerType","value":[{"value":"\\"default\\""},{"value":"\\"multiple\\""},{"value":"\\"range\\""}]}},"value":{"defaultValue":null,"description":"","name":"value","required":true,"type":{"name":"HiddenDatesInputValue"}},"withTime":{"defaultValue":"false","description":"","name":"withTime","required":false,"type":{"name":"boolean"}}}},"InlineDateTimePicker":{"props":{"allowDeselect":{"defaultValue":null,"description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\\"default\\"","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"allowSingleDateInRange":{"defaultValue":null,"description":"Determines whether a single day can be selected as range, applicable only when type=\\"range\\"","name":"allowSingleDateInRange","required":false,"type":{"name":"boolean"}},"ariaLabels":{"defaultValue":null,"description":"<code>aria-label</code> attributes for controls on different levels","name":"ariaLabels","required":false,"type":{"name":"CalendarAriaLabels"}},"columnsToScroll":{"defaultValue":null,"description":"Number of columns to scroll with next/prev buttons, same as <code>numberOfColumns</code> if not set explicitly","name":"columnsToScroll","required":false,"type":{"name":"number"}},"date":{"defaultValue":null,"description":"Displayed date in controlled mode","name":"date","required":false,"type":{"name":"string | Date"}},"decadeLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for decade label or a function that returns decade label based on the date value","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: string, endOfDecade: string) => ReactNode)"}},"defaultDate":{"defaultValue":null,"description":"Initial displayed date in uncontrolled mode","name":"defaultDate","required":false,"type":{"name":"string | Date"}},"defaultLevel":{"defaultValue":null,"description":"Initial displayed level (uncontrolled)","name":"defaultLevel","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"defaultTimeValue":{"defaultValue":null,"description":"Default time value in <code>HH:mm</code> or <code>HH:mm:ss</code> format. Assigned to time when date is selected.","name":"defaultTimeValue","required":false,"type":{"name":"string"}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"DateValue | DatesRangeValue<DateValue> | DateValue[]"}},"enableKeyboardNavigation":{"defaultValue":null,"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)","name":"enableKeyboardNavigation","required":false,"type":{"name":"boolean"}},"endTimePickerProps":{"defaultValue":null,"description":"Props passed down to the end time <code>TimePicker</code> component in range mode","name":"endTimePickerProps","required":false,"type":{"name":"Omit<TimePickerProps, \\"value\\" | \\"defaultValue\\">"}},"excludeDate":{"defaultValue":null,"description":"Callback function to determine whether the day should be disabled","name":"excludeDate","required":false,"type":{"name":"(date: string) => boolean"}},"firstDayOfWeek":{"defaultValue":"1 â Monday","description":"Number 0-6, where 0 â Sunday and 6 â Saturday.","name":"firstDayOfWeek","required":false,"type":{"name":"0 | 1 | 2 | 3 | 4 | 5 | 6","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"fullWidth":{"defaultValue":"false","description":"Determines whether the list should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"getDayAriaLabel":{"defaultValue":null,"description":"Assigns <code>aria-label</code> to <code>Day</code> components based on date","name":"getDayAriaLabel","required":false,"type":{"name":"(date: string) => string"}},"getDayProps":{"defaultValue":null,"description":"Passes props down to <code>Day</code> components","name":"getDayProps","required":false,"type":{"name":"(date: string) => Omit<Partial<DayProps>, \\"vars\\" | \\"classNames\\" | \\"styles\\"> & DataAttributes"}},"getMonthControlProps":{"defaultValue":null,"description":"Passes props down month picker control","name":"getMonthControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"getYearControlProps":{"defaultValue":null,"description":"Passes props down to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"headerControlsOrder":{"defaultValue":"[\'previous\', \'level\', \'next\']","description":"Controls order","name":"headerControlsOrder","required":false,"type":{"name":"(\\"next\\" | \\"previous\\" | \\"level\\")[]"}},"hideOutsideDates":{"defaultValue":"false","description":"Determines whether outside dates should be hidden","name":"hideOutsideDates","required":false,"type":{"name":"boolean"}},"hideWeekdays":{"defaultValue":"false","description":"Determines whether weekdays row should be hidden","name":"hideWeekdays","required":false,"type":{"name":"boolean"}},"highlightToday":{"defaultValue":"false","description":"Determines whether today should be highlighted
1with a border","name":"highlightToday","required":false,"type":{"name":"boolean"}},"labelSeparator":{"defaultValue":null,"description":"Separator between range values","name":"labelSeparator","required":false,"type":{"name":"string"}},"level":{"defaultValue":null,"description":"Current displayed level (controlled)","name":"level","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"locale":{"defaultValue":null,"description":"Dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Max date","name":"maxDate","required":false,"type":{"name":"string | Date"}},"maxLevel":{"defaultValue":null,"description":"","name":"maxLevel","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"minDate":{"defaultValue":null,"description":"Min date","name":"minDate","required":false,"type":{"name":"string | Date"}},"monthLabelFormat":{"defaultValue":"\\"MMMM YYYY\\"","description":"dayjs label format to display month label or a function that returns month label based on month value","name":"monthLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"monthsListFormat":{"defaultValue":"\\"MMM\\"","description":"<code>dayjs</code> format for months list or a function that returns month label based on the date value","name":"monthsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"Next button <code>aria-label</code>","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":"1","description":"Number of columns displayed next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: DatePickerValue<Type, string>) => void"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes","name":"onDateChange","required":false,"type":{"name":"(date: string) => void"}},"onLevelChange":{"defaultValue":null,"description":"Called when level changes","name":"onLevelChange","required":false,"type":{"name":"(level: CalendarLevel) => void"}},"onMonthMouseEnter":{"defaultValue":null,"description":"Called when mouse enters month control","name":"onMonthMouseEnter","required":false,"type":{"name":"(event: MouseEvent<HTMLButtonElement, MouseEvent>, date: string) => void"}},"onMonthSelect":{"defaultValue":null,"description":"Called when user selects month","name":"onMonthSelect","required":false,"type":{"name":"(date: string) => void"}},"onNextDecade":{"defaultValue":null,"description":"Called when the next decade button is clicked","name":"onNextDecade","required":false,"type":{"name":"(date: string) => void"}},"onNextMonth":{"defaultValue":null,"description":"Called when the next month button is clicked","name":"onNextMonth","required":false,"type":{"name":"(date: string) => void"}},"onNextYear":{"defaultValue":null,"description":"Called when the next year button is clicked","name":"onNextYear","required":false,"type":{"name":"(date: string) => void"}},"onPreviousDecade":{"defaultValue":null,"description":"Called when the previous decade button is clicked","name":"onPreviousDecade","required":false,"type":{"name":"(date: string) => void"}},"onPreviousMonth":{"defaultValue":null,"description":"Called when the previous month button is clicked","name":"onPreviousMonth","required":false,"type":{"name":"(date: string) => void"}},"onPreviousYear":{"defaultValue":null,"description":"Called when the previous year button is clicked","name":"onPreviousYear","required":false,"type":{"name":"(date: string) => void"}},"onSubmit":{"defaultValue":null,"description":"Called when the submit button is clicked","name":"onSubmit","required":false,"type":{"name":"() => void"}},"onYearMouseEnter":{"defaultValue":null,"description":"Called when mouse enters year control","name":"onYearMouseEnter","required":false,"type":{"name":"(event: MouseEvent<HTMLButtonElement, MouseEvent>, date: string) => void"}},"onYearSelect":{"defaultValue":null,"description":"Called when user selects year","name":"onYearSelect","required":false,"type":{"name":"(date: string) => void"}},"presets":{"defaultValue":null,"description":"Predefined values to pick from","name":"presets","required":false,"type":{"name":"DatePickerPreset<Type>[]"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"Previous button <code>aria-label</code>","name":"previousLabel","required":false,"type":{"name":"string"}},"renderDay":{"defaultValue":null,"description":"Controls day value rendering","name":"renderDay","required":false,"type":{"name":"(date: string) => React.ReactNode"}},"size":{"defaultValue":"\'sm\'","description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"submitButtonProps":{"defaultValue":null,"description":"Props passed down to the submit button","name":"submitButtonProps","required":false,"type":{"name":"ActionIconProps &
1ClassAttributes<HTMLButtonElement> & ButtonHTMLAttributes<HTMLButtonElement>"}},"timePickerProps":{"defaultValue":null,"description":"Props passed down to <code>TimePicker</code> component","name":"timePickerProps","required":false,"type":{"name":"Omit<TimePickerProps, \\"value\\" | \\"defaultValue\\">"}},"type":{"defaultValue":null,"description":"Picker type: range, multiple or default","name":"type","required":false,"type":{"name":"\\"range\\" | \\"multiple\\" | \\"default\\"","raw":"DatePickerType | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"multiple\\""},{"value":"\\"range\\""}]}},"value":{"defaultValue":null,"description":"Value for controlled component","name":"value","required":false,"type":{"name":"DateValue | DatesRangeValue<DateValue> | DateValue[]"}},"valueFormat":{"defaultValue":"\\"DD/MM/YYYY HH:mm\\"","description":"<code>dayjs</code> format for range display, or a function that receives the value as a <code>YYYY-MM-DD HH:mm:ss</code> string and returns the formatted value","name":"valueFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekdayFormat":{"defaultValue":"\'dd\'","description":"<code>dayjs</code> format for weekdays names","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by <code>DatesProvider</code>.","name":"weekendDays","required":false,"type":{"name":"(0 | 1 | 2 | 3 | 4 | 5 | 6)[]"}},"withCellSpacing":{"defaultValue":"true","description":"Determines whether controls should be separated","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withNativeLevelSelect":{"defaultValue":"false","description":"Determines whether level select controls should be rendered as native <code><select></code> elements","name":"withNativeLevelSelect","required":false,"type":{"name":"boolean"}},"withSeconds":{"defaultValue":"false","description":"Determines whether the seconds input should be displayed","name":"withSeconds","required":false,"type":{"name":"boolean"}},"withWeekNumbers":{"defaultValue":"false","description":"Determines whether week numbers should be displayed","name":"withWeekNumbers","required":false,"type":{"name":"boolean"}},"yearLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"dayjs label format to display year label or a function that returns year label based on year value","name":"yearLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"yearsListFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for years list or a function that returns year label based on the date value","name":"yearsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"yearsSelectRange":{"defaultValue":null,"description":"Year range for native level select, tuple of <code>[startYear, endYear]</code>. Defaults to <code>[currentYear - 100, currentYear + 50]</code> or values derived from <code>minDate</code>/<code>maxDate</code> if set.","name":"yearsSelectRange","required":false,"type":{"name":"[number, number]"}}}},"LevelsGroup":{"props":{"fullWidth":{"defaultValue":"false","description":"Determines whether the group should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}}}},"MiniCalendar":{"props":{"date":{"defaultValue":null,"description":"Controlled component date value, start date of the interval","name":"date","required":false,"type":{"name":"string | Date"}},"defaultDate":{"defaultValue":null,"description":"Uncontrolled component default value, start date of the interval","name":"defaultDate","required":false,"type":{"name":"string | Date"}},"getDayProps":{"defaultValue":null,"description":"Props passed down to the day component","name":"getDayProps","required":false,"type":{"name":"(date: string) => Record<string, any>"}},"locale":{"defaultValue":null,"description":"dayjs locale used for formatting","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum date that can be selected, date object or date string in <code>YYYY-MM-DD</code> format","name":"maxDate","required":false,"type":{"name":"string | Date"}},"minDate":{"defaultValue":null,"description":"Minimum date that can be selected, date object or date string in <code>YYYY-MM-DD</code> format","name":"minDate","required":false,"type":{"name":"string | Date"}},"monthLabelFormat":{"defaultValue":"\\"MMM\\"","description":"<code>dayjs</code> format for month label or a function that returns month label based on the date value","name":"monthLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"nextControlProps":{"defaultValue":null,"description":"Props passed to
1next control button","name":"nextControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"numberOfDays":{"defaultValue":"7","description":"Number of days to display in the calendar","name":"numberOfDays","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called with date in <code>YYYY-MM-DD</code> format when date changes","name":"onChange","required":false,"type":{"name":"(date: string) => void"}},"onDateChange":{"defaultValue":null,"description":"Called with date in <code>YYYY-MM-DD</code> format when date internal changes","name":"onDateChange","required":false,"type":{"name":"(date: string) => void"}},"onNext":{"defaultValue":null,"description":"Called when the next button is clicked","name":"onNext","required":false,"type":{"name":"() => void"}},"onPrevious":{"defaultValue":null,"description":"Called when the previous button is clicked","name":"onPrevious","required":false,"type":{"name":"() => void"}},"previousControlProps":{"defaultValue":null,"description":"Props passed to previous control button","name":"previousControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"size":{"defaultValue":"\'sm\'","description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"value":{"defaultValue":null,"description":"Selected date, controlled value","name":"value","required":false,"type":{"name":"string | Date | null"}}}},"Month":{"props":{"excludeDate":{"defaultValue":null,"description":"Callback function to determine whether the day should be disabled","name":"excludeDate","required":false,"type":{"name":"(date: string) => boolean"}},"firstDayOfWeek":{"defaultValue":"1 â Monday","description":"Number 0-6, where 0 â Sunday and 6 â Saturday.","name":"firstDayOfWeek","required":false,"type":{"name":"0 | 1 | 2 | 3 | 4 | 5 | 6","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"fullWidth":{"defaultValue":"false","description":"Determines whether the month should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"getDayAriaLabel":{"defaultValue":null,"description":"Assigns <code>aria-label</code> to <code>Day</code> components based on date","name":"getDayAriaLabel","required":false,"type":{"name":"(date: string) => string"}},"getDayProps":{"defaultValue":null,"description":"Passes props down to <code>Day</code> components","name":"getDayProps","required":false,"type":{"name":"(date: string) => Omit<Partial<DayProps>, \\"vars\\" | \\"classNames\\" | \\"styles\\"> & DataAttributes"}},"hideOutsideDates":{"defaultValue":"false","description":"Determines whether outside dates should be hidden","name":"hideOutsideDates","required":false,"type":{"name":"boolean"}},"hideWeekdays":{"defaultValue":"false","description":"Determines whether weekdays row should be hidden","name":"hideWeekdays","required":false,"type":{"name":"boolean"}},"highlightToday":{"defaultValue":"false","description":"Determines whether today should be highlighted with a border","name":"highlightToday","required":false,"type":{"name":"boolean"}},"locale":{"defaultValue":null,"description":"<code>dayjs</code> locale, the default value is defined by <code>DatesProvider</code>","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date, in <code>YYYY-MM-DD</code> format","name":"maxDate","required":false,"type":{"name":"string | Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date, in <code>YYYY-MM-DD</code> format","name":"minDate","required":false,"type":{"name":"string | Date"}},"month":{"defaultValue":null,"description":"Month to display, value <code>YYYY-MM-DD</code>","name":"month","required":true,"type":{"name":"string"}},"renderDay":{"defaultValue":null,"description":"Controls day value rendering","name":"renderDay","required":false,"type":{"name":"(date: string) => React.ReactNode"}},"size":{"defaultValue":null,"description":"Controls size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"static":{"defaultValue":null,"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","name":"static","required":false,"type":{"name":"boolean"}},"weekdayFormat":{"defaultValue":"\'dd\'","description":"<code>dayjs</code> format for weekdays names","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by <code>
1DatesProvider</code>.","name":"weekendDays","required":false,"type":{"name":"(0 | 1 | 2 | 3 | 4 | 5 | 6)[]"}},"withCellSpacing":{"defaultValue":"true","description":"Determines whether controls should be separated by space","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withWeekNumbers":{"defaultValue":"false","description":"Determines whether week numbers should be displayed","name":"withWeekNumbers","required":false,"type":{"name":"boolean"}}}},"MonthLevel":{"props":{"excludeDate":{"defaultValue":null,"description":"Callback function to determine whether the day should be disabled","name":"excludeDate","required":false,"type":{"name":"(date: string) => boolean"}},"firstDayOfWeek":{"defaultValue":"1 â Monday","description":"Number 0-6, where 0 â Sunday and 6 â Saturday.","name":"firstDayOfWeek","required":false,"type":{"name":"0 | 1 | 2 | 3 | 4 | 5 | 6","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"fullWidth":{"defaultValue":"false","description":"Determines whether the calendar should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"getDayAriaLabel":{"defaultValue":null,"description":"Assigns <code>aria-label</code> to <code>Day</code> components based on date","name":"getDayAriaLabel","required":false,"type":{"name":"(date: string) => string"}},"getDayProps":{"defaultValue":null,"description":"Passes props down to <code>Day</code> components","name":"getDayProps","required":false,"type":{"name":"(date: string) => Omit<Partial<DayProps>, \\"vars\\" | \\"classNames\\" | \\"styles\\"> & DataAttributes"}},"hasNextLevel":{"defaultValue":"true","description":"Determines whether next level button should be enabled","name":"hasNextLevel","required":false,"type":{"name":"boolean"}},"headerControlsOrder":{"defaultValue":"[\'previous\', \'level\', \'next\']","description":"Controls order","name":"headerControlsOrder","required":false,"type":{"name":"(\\"next\\" | \\"previous\\" | \\"level\\")[]"}},"hideOutsideDates":{"defaultValue":"false","description":"Determines whether outside dates should be hidden","name":"hideOutsideDates","required":false,"type":{"name":"boolean"}},"hideWeekdays":{"defaultValue":"false","description":"Determines whether weekdays row should be hidden","name":"hideWeekdays","required":false,"type":{"name":"boolean"}},"highlightToday":{"defaultValue":"false","description":"Determines whether today should be highlighted with a border","name":"highlightToday","required":false,"type":{"name":"boolean"}},"levelControlAriaLabel":{"defaultValue":null,"description":"Aria-label for change level control","name":"levelControlAriaLabel","required":false,"type":{"name":"string"}},"locale":{"defaultValue":null,"description":"<code>dayjs</code> locale, the default value is defined by <code>DatesProvider</code>","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date, in <code>YYYY-MM-DD</code> format","name":"maxDate","required":false,"type":{"name":"string | Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date, in <code>YYYY-MM-DD</code> format","name":"minDate","required":false,"type":{"name":"string | Date"}},"month":{"defaultValue":null,"description":"Month that is currently displayed","name":"month","required":true,"type":{"name":"string"}},"monthLabelFormat":{"defaultValue":"\\"MMMM YYYY\\"","description":"dayjs label format to display month label or a function that returns month label based on month value","name":"monthLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"nextDisabled":{"defaultValue":null,"description":"Disables next control","name":"nextDisabled","required":false,"type":{"name":"boolean"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"Next button <code>aria-label</code>","name":"nextLabel","required":false,"type":{"name":"string"}},"onLevelClick":{"defaultValue":null,"description":"Called when the level button is clicked","name":"onLevelClick","required":false,"type":{"name":"() => void"}},"onNext":{"defaultValue":null,"description":"Called when the next button is clicked","name":"onNext","required":false,"type":{"name":"() => void"}},"onPrevious":{"defaultValue":null,"description":"Called when the previous button is clicked","name":"onPrevious","required":false,"type":{"name":"() => void"}},"previousDisabled":{"defaultValue":null,"description":"Disables previous control","name":"previousDisabled","required":false,"type":{"name":"boolean"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"Previous button <code>aria-label</code>","name":"previousLabel","required":false,"type":{"name":"string"}},"renderDay":{"defaultValue":null,"description":"Controls day value rendering","name":"renderDay","required":false,"type":{"name":"(date: string) => React.ReactNode"}},"size":{"defaultValue":null,"description":"Controls size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"static":{"defaultValue":null,"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","name":"static","required":false,"type":{"name":"boolean"}},"weekdayFormat":{"defaultValue":"\'dd\'","description":"<code>dayjs</code> format for weekdays names","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by <code>
1DatesProvider</code>.","name":"weekendDays","required":false,"type":{"name":"(0 | 1 | 2 | 3 | 4 | 5 | 6)[]"}},"withCellSpacing":{"defaultValue":"true","description":"Determines whether controls should be separated by space","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withNativeLevelSelect":{"defaultValue":"false","description":"Determines whether level select controls should be rendered as native <code><select></code> elements","name":"withNativeLevelSelect","required":false,"type":{"name":"boolean"}},"withNext":{"defaultValue":"true","description":"Determines whether next control should be rendered","name":"withNext","required":false,"type":{"name":"boolean"}},"withPrevious":{"defaultValue":"true","description":"Determines whether previous control should be rendered","name":"withPrevious","required":false,"type":{"name":"boolean"}},"withWeekNumbers":{"defaultValue":"false","description":"Determines whether week numbers should be displayed","name":"withWeekNumbers","required":false,"type":{"name":"boolean"}},"yearsSelectRange":{"defaultValue":null,"description":"Year range for native level select, tuple of <code>[startYear, endYear]</code>. Defaults to <code>[currentYear - 100, currentYear + 50]</code> or values derived from <code>minDate</code>/<code>maxDate</code> if set.","name":"yearsSelectRange","required":false,"type":{"name":"[number, number]"}}}},"MonthLevelGroup":{"props":{"excludeDate":{"defaultValue":null,"description":"Callback function to determine whether the day should be disabled","name":"excludeDate","required":false,"type":{"name":"(date: string) => boolean"}},"firstDayOfWeek":{"defaultValue":"1 â Monday","description":"Number 0-6, where 0 â Sunday and 6 â Saturday.","name":"firstDayOfWeek","required":false,"type":{"name":"0 | 1 | 2 | 3 | 4 | 5 | 6","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"fullWidth":{"defaultValue":"false","description":"Determines whether the calendar should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"getDayAriaLabel":{"defaultValue":null,"description":"Assigns <code>aria-label</code> to <code>Day</code> components based on date","name":"getDayAriaLabel","required":false,"type":{"name":"(date: string) => string"}},"getDayProps":{"defaultValue":null,"description":"Passes props down to <code>Day</code> components","name":"getDayProps","required":false,"type":{"name":"(date: string) => Omit<Partial<DayProps>, \\"vars\\" | \\"classNames\\" | \\"styles\\"> & DataAttributes"}},"hasNextLevel":{"defaultValue":"true","description":"Determines whether next level button should be enabled","name":"hasNextLevel","required":false,"type":{"name":"boolean"}},"headerControlsOrder":{"defaultValue":"[\'previous\', \'level\', \'next\']","description":"Controls order","name":"headerControlsOrder","required":false,"type":{"name":"(\\"next\\" | \\"previous\\" | \\"level\\")[]"}},"hideOutsideDates":{"defaultValue":"false","description":"Determines whether outside dates should be hidden","name":"hideOutsideDates","required":false,"type":{"name":"boolean"}},"hideWeekdays":{"defaultValue":"false","description":"Determines whether weekdays row should be hidden","name":"hideWeekdays","required":false,"type":{"name":"boolean"}},"highlightToday":{"defaultValue":"false","description":"Determines whether today should be highlighted with a border","name":"highlightToday","required":false,"type":{"name":"boolean"}},"levelControlAriaLabel":{"defaultValue":null,"description":"Function that returns level control <code>aria-label</code> based on month date","name":"levelControlAriaLabel","required":false,"type":{"name":"string | ((month: string) => string)"}},"locale":{"defaultValue":null,"description":"<code>dayjs</code> locale, the default value is defined by <code>DatesProvider</code>","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date, in <code>YYYY-MM-DD</code> format","name":"maxDate","required":false,"type":{"name":"string | Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date, in <code>YYYY-MM-DD</code> format","name":"minDate","required":false,"type":{"name":"string | Date"}},"month":{"defaultValue":null,"description":"Month to display","name":"month","required":true,"type":{"name":"string"}},"monthLabelFormat":{"defaultValue":"\\"MMMM YYYY\\"","description":"dayjs label format to display month label or a function that returns month label based on month value","name":"monthLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"nextDisabled":{"defaultValue":null,"description":"Disables next control","name":"nextDisabled","required":false,"type":{"name":"boolean"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"Next button <code>aria-label</code>","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":null,"description":"Number of columns to display next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onLevelClick":{"defaultValue":null,"description":"Called when the level button is clicked","name":"onLevelClick","required":false,"type":{"name":"() => void"}},"onNext":{"defaultValue":null,"description":"Called when the next button is clicked","name":"onNext","required":false,"type":{"name":"() => void"}},"onPrevious":{"defaultValue":null,"description":"Called when the previous button is clicked","name":"onPrevious","required":false,"type":{"name":"() => void"}},"previousDisabled":{"defaultValue":null,"description":"Disables previous control","name":"previousDisabled","required":false,"type":{"name":"boolean"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"Previous button <code>aria-label</code>","name":"previousLabel","required":false,"type":{"name":"string"}},"renderDay":{"defaultValue":null,"description":"Controls day value rendering","name":"renderDay","required":false,"type":{"name":"(date: string) => React.ReactNode"}},"size":{"defaultValue":null,"description":"Controls size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"static":{"defaultValue":null,"description":"Passed as <code>isStatic</code> prop to <code>Month</code> component","name":"static","required":false,"type":{"name":"boolean"}},"weekdayFormat":{"defaultValue":"\'dd\'","description":"<code>dayjs</code> format for weekdays names","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by <code>
1DatesProvider</code>.","name":"weekendDays","required":false,"type":{"name":"(0 | 1 | 2 | 3 | 4 | 5 | 6)[]"}},"withCellSpacing":{"defaultValue":"true","description":"Determines whether controls should be separated by space","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withNativeLevelSelect":{"defaultValue":"false","description":"Determines whether level select controls should be rendered as native <code><select></code> elements","name":"withNativeLevelSelect","required":false,"type":{"name":"boolean"}},"withWeekNumbers":{"defaultValue":"false","description":"Determines whether week numbers should be displayed","name":"withWeekNumbers","required":false,"type":{"name":"boolean"}},"yearsSelectRange":{"defaultValue":null,"description":"Year range for native level select, tuple of <code>[startYear, endYear]</code>. Defaults to <code>[currentYear - 100, currentYear + 50]</code> or values derived from <code>minDate</code>/<code>maxDate</code> if set.","name":"yearsSelectRange","required":false,"type":{"name":"[number, number]"}}}},"MonthPicker":{"props":{"allowDeselect":{"defaultValue":null,"description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\\"default\\"","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"allowSingleDateInRange":{"defaultValue":null,"description":"Determines whether a single day can be selected as range, applicable only when type=\\"range\\"","name":"allowSingleDateInRange","required":false,"type":{"name":"boolean"}},"ariaLabels":{"defaultValue":null,"description":"<code>aria-label</code> attributes for controls on different levels","name":"ariaLabels","required":false,"type":{"name":"CalendarAriaLabels"}},"columnsToScroll":{"defaultValue":null,"description":"Number of columns to scroll with next/prev buttons, same as <code>numberOfColumns</code> if not set explicitly","name":"columnsToScroll","required":false,"type":{"name":"number"}},"date":{"defaultValue":null,"description":"Displayed date in controlled mode","name":"date","required":false,"type":{"name":"string | Date"}},"decadeLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for decade label or a function that returns decade label based on the date value","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: string, endOfDecade: string) => ReactNode)"}},"defaultDate":{"defaultValue":null,"description":"Initial displayed date in uncontrolled mode","name":"defaultDate","required":false,"type":{"name":"string | Date"}},"defaultLevel":{"defaultValue":null,"description":"Initial displayed level (uncontrolled)","name":"defaultLevel","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"DateValue | DatesRangeValue<DateValue> | DateValue[]"}},"fullWidth":{"defaultValue":"false","description":"Determines whether the list should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"getMonthControlProps":{"defaultValue":null,"description":"Passes props down month picker control","name":"getMonthControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"getYearControlProps":{"defaultValue":null,"description":"Passes props down to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"level":{"defaultValue":null,"description":"Current displayed level (controlled)","name":"level","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"locale":{"defaultValue":null,"description":"Dayjs locale, defaults to value defined in DatesProvi
1der","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"maxDate","required":false,"type":{"name":"string | Date"}},"maxLevel":{"defaultValue":"\'decade\'","description":"Max level that user can go up to","name":"maxLevel","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"minDate":{"defaultValue":null,"description":"Minimum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"minDate","required":false,"type":{"name":"string | Date"}},"monthsListFormat":{"defaultValue":"\\"MMM\\"","description":"<code>dayjs</code> format for months list or a function that returns month label based on the date value","name":"monthsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"nextLabel":{"defaultValue":null,"description":"Next button <code>aria-label</code>","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":"1","description":"Number of columns displayed next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: DatePickerValue<Type, string>) => void"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes","name":"onDateChange","required":false,"type":{"name":"(date: string) => void"}},"onLevelChange":{"defaultValue":null,"description":"Called when level changes","name":"onLevelChange","required":false,"type":{"name":"(level: MonthPickerLevel) => void"}},"onMonthSelect":{"defaultValue":null,"description":"Called when month is selected","name":"onMonthSelect","required":false,"type":{"name":"(date: string) => void"}},"onNextDecade":{"defaultValue":null,"description":"Called when the next decade button is clicked","name":"onNextDecade","required":false,"type":{"name":"(date: string) => void"}},"onNextYear":{"defaultValue":null,"description":"Called when the next year button is clicked","name":"onNextYear","required":false,"type":{"name":"(date: string) => void"}},"onPreviousDecade":{"defaultValue":null,"description":"Called when the previous decade button is clicked","name":"onPreviousDecade","required":false,"type":{"name":"(date: string) => void"}},"onPreviousYear":{"defaultValue":null,"description":"Called when the previous year button is clicked","name":"onPreviousYear","required":false,"type":{"name":"(date: string) => void"}},"presets":{"defaultValue":null,"description":"Predefined values to pick from","name":"presets","required":false,"type":{"name":"MonthPickerPreset<Type>[]"}},"previousLabel":{"defaultValue":null,"description":"Previous button <code>aria-label</code>","name":"previousLabel","required":false,"type":{"name":"string"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"type":{"defaultValue":null,"description":"Picker type: range, multiple or default","name":"type","required":false,"type":{"name":"\\"range\\" | \\"multiple\\" | \\"default\\"","raw":"DatePickerType | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"multiple\\""},{"value":"\\"range\\""}]}},"value":{"defaultValue":null,"description":"Value for controlled component","name":"value","required":false,"type":{"name":"DateValue | DatesRangeValue<DateValue> | DateValue[]"}},"withCellSpacing":{"defaultValue":"true","description":"Determines whether controls should be separated","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withNativeLevelSelect":{"defaultValue":"false","description":"Determines whether level select controls should be rendered as native <code><select></code> elements","name":"withNativeLevelSelect","required":false,"type":{"name":"boolean"}},"yearLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"dayjs label format to display year label or a function that returns year label based on year value","name":"yearLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"yearsListFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for years list or a function that returns year label based on the date value","name":"yearsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}}}},"MonthPickerInput":{"props":{"allowDeselect":{"defaultValue":null,"description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\\"default\\"","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"allowSingleDateInRange":{"defaultValue":null,"description":"Determines whether a single day can be selected as range, applicable only when type=\\"range\\"","name":"allowSingleDateInRange","required":false,"type":{"name":"boolean"}},"ariaLabels":{"defaultValue":null,"description":"<code>aria-label</code> attributes for controls on different levels","name":"ariaLabels","required":false,"type":{"name":"CalendarAriaLabels"}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to the clear button","name":"clearButtonProps","required":false,"type":{"name":"React.ComponentProps<\\"button\\">"}},"clearSectionMode":{"defaultValue":"\'both\'","description":"Determines how the clear button and rightSection are rendered","name":"clearSectionMode","required":false,"type":{"name":"ClearSectionMode","raw":"ClearSectionMode | undefined","value":[{"value":"undefined"},{"value":"\\"both\\""},{"value":"\\"rightSection\\""},{"value":"\\"clear\\""}]}},"clearable":{"defaultValue":"false","description":"If set, clear button is displayed in the <code>rightSection</code> when the component has value. Ignored if <code>rightSection</code> prop is set.","name":"clearable","required":false,"type":{"name":"boolean"}},"closeOnChange":{"defaultValue":"true","description":"Determines whether the dropdown is closed when date is selected, not applicable with <code>type=\\"multiple\\"</code>","name":"closeOnChange","required":false,"type":{"name":"boolean"}},"columnsToScroll":{"defaultValue":null,"description":"Number of columns to scroll with next/prev buttons, same as <code>numberOfColumns</code> if not set explicitly","name":"columnsToScroll","required":false,"type":{"name":"number"}},"date":{"defaultValue":null,"description":"Displayed date in controlled mode","name":"date","required":false,"type":{"name":"string | Date"}},"decadeLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for decade label or a function that returns decade label based on the date value","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: string, endOfDecade: string) => ReactNode)"}},"defaultDate":{"defaultValue":null,"description":"Initial displayed date in uncontrolled mode","name":"defaultDate","required":false,"type":{"name":"string | Date"}},"defaultLevel":{"defaultValue":null,"description":"Initial displayed level (uncontrolled)","name":"defaultLevel","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"DateValue | DatesRangeValue<DateValue> | DateValue[]"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}}
1,"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownType":{"defaultValue":"\'popover\'","description":"Type of the dropdown","name":"dropdownType","required":false,"type":{"name":"\\"popover\\" | \\"modal\\"","raw":"\\"popover\\" | \\"modal\\" | undefined","value":[{"value":"undefined"},{"value":"\\"popover\\""},{"value":"\\"modal\\""}]}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"fullWidth":{"defaultValue":"false","description":"Determines whether the list should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"getMonthControlProps":{"defaultValue":null,"description":"Passes props down month picker control","name":"getMonthControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"getYearControlProps":{"defaultValue":null,"description":"Passes props down to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"labelSeparator":{"defaultValue":null,"description":"Separator between range value","name":"labelSeparator","required":false,"type":{"name":"string"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"level":{"defaultValue":null,"description":"Current displayed level (controlled)","name":"level","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"locale":{"defaultValue":null,"description":"Dayjs locale, defaults to value defined in DatesProvi
1der","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"maxDate","required":false,"type":{"name":"string | Date"}},"maxLevel":{"defaultValue":"\'decade\'","description":"Max level that user can go up to","name":"maxLevel","required":false,"type":{"name":"\\"month\\" | \\"year\\" | \\"decade\\"","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"minDate":{"defaultValue":null,"description":"Minimum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"minDate","required":false,"type":{"name":"string | Date"}},"modalProps":{"defaultValue":null,"description":"Props passed down to <code>Modal</code> component","name":"modalProps","required":false,"type":{"name":"Partial<Omit<ModalProps, \\"children\\">>"}},"monthsListFormat":{"defaultValue":"\\"MMM\\"","description":"<code>dayjs</code> format for months list or a function that returns month label based on the date value","name":"monthsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"nextLabel":{"defaultValue":null,"description":"Next button <code>aria-label</code>","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":"1","description":"Number of columns displayed next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: DatePickerValue<Type, string>) => void"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes","name":"onDateChange","required":false,"type":{"name":"(date: string) => void"}},"onDropdownClose":{"defaultValue":null,"description":"Called when the dropdown is closed","name":"onDropdownClose","required":false,"type":{"name":"() => void"}},"onLevelChange":{"defaultValue":null,"description":"Called when level changes","name":"onLevelChange","required":false,"type":{"name":"(level: MonthPickerLevel) => void"}},"onNextDecade":{"defaultValue":null,"description":"Called when the next decade button is clicked","name":"onNextDecade","required":false,"type":{"name":"(date: string) => void"}},"onNextYear":{"defaultValue":null,"description":"Called when the next year button is clicked","name":"onNextYear","required":false,"type":{"name":"(date: string) => void"}},"onPreviousDecade":{"defaultValue":null,"description":"Called when the previous decade button is clicked","name":"onPreviousDecade","required":false,"type":{"name":"(date: string) => void"}},"onPreviousYear":{"defaultValue":null,"description":"Called when the previous year button is clicked","name":"onPreviousYear","required":false,"type":{"name":"(date: string) => void"}},"placeholder":{"defaultValue":null,"description":"Input placeholder","name":"placeholder","required":false,"type":{"name":"string"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"popoverProps":{"defaultValue":null,"description":"Props passed down to <code>Popover</code> component","name":"popoverProps","required":false,"type":{"name":"Partial<Omit<PopoverProps, \\"children\\">>"}},"presets":{"defaultValue":null,"description":"Predefined values to pick from","name":"presets","required":false,"type":{"name":"MonthPickerPreset<Type>[]"}},"previousLabel":{"defaultValue":null,"description":"Previous button <code>aria-label</code>","name":"previousLabel","required":false,"type":{"name":"string"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"readOnly":{"defaultValue":null,"description":"If set, the component value cannot be changed by the user","name":"readOnly","required":false,"type":{"name":"boolean"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"sortDates":{"defaultValue":"true","description":"Determines whether dates values should be sorted before <code>onChange</code> call, only applicable with type=\\"multiple\\"","name":"sortDates","required":false,"type":{"name":"boolean"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"type":{"defaultValue":null,"description":"Picker type: range, multiple or default","name":"type","required":false,"type":{"name":"\\"range\\" | \\"multiple\\" | \\"default\\"","raw":"DatePickerType | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"multiple\\""},{"value":"\\"range\\""}]}},"value":{"defaultValue":null,"description":"Value for controlled component","name":"value","required":false,"type":{"name":"DateValue | DatesRangeValue<DateValue> | DateValue[]"}},"valueFormat":{"defaultValue":"\\"MMMM YYYY\\"","description":"<code>dayjs</code> format for input value","name":"valueFormat","required":false,"type":{"name":"string"}},"valueFormatter":{"defaultValue":null,"description":"A function to format selected dates values into a string. By default, date is formatted based on the input type.","name":"valueFormatter","required":false,"type":{"name":"DateFormatter"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withCellSpacing":{"defaultValue":"true","description":"Determines whether controls should be separated","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withNativeLevelSelect":{"defaultValue":"false","description":"Determines whether level select controls should be rendered as native <code><select></code> elements","name":"withNativeLevelSelect","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}},"yearLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"dayjs label format to display year label or a function that returns year label based on year value","name":"yearLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"yearsListFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for years list or a function that returns year label based on the date value","name":"yearsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}}}},"MonthsList":{"props":{"fullWidth":{"defaultValue":"false","description":"Determines whether the list should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"getMonthControlProps":{"defaultValue":null,"description":"Passes props down month picker control","name":"getMonthControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"locale":{"defaultValue":null,"description":"Dayjs locale, defaults to value defined in DatesProvi
1der","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"maxDate","required":false,"type":{"name":"string | Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"minDate","required":false,"type":{"name":"string | Date"}},"monthsListFormat":{"defaultValue":"\\"MMM\\"","description":"<code>dayjs</code> format for months list or a function that returns month label based on the date value","name":"monthsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"withCellSpacing":{"defaultValue":"true","description":"Determines whether controls should be separated","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"year":{"defaultValue":null,"description":"Year for which months list should be displayed","name":"year","required":true,"type":{"name":"string"}}}},"PickerControl":{"props":{"children":{"defaultValue":null,"description":"Control children","name":"children","required":false,"type":{"name":"React.ReactNode"}},"disabled":{"defaultValue":null,"description":"Disables control","name":"disabled","required":false,"type":{"name":"boolean"}},"firstInRange":{"defaultValue":null,"description":"Assigns first in range styles","name":"firstInRange","required":false,"type":{"name":"boolean"}},"fullWidth":{"defaultValue":"false","description":"Determines whether the control should take the full width of its cell","name":"fullWidth","required":false,"type":{"name":"boolean"}},"inRange":{"defaultValue":null,"description":"Assigns in range styles","name":"inRange","required":false,"type":{"name":"boolean"}},"lastInRange":{"defaultValue":null,"description":"Assigns last in range styles","name":"lastInRange","required":false,"type":{"name":"boolean"}},"selected":{"defaultValue":null,"description":"Assigns selected styles","name":"selected","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}}}},"PickerInputBase":{"props":{"clearButtonProps":{"defaultValue":null,"description":"Props passed down to the clear button","name":"clearButtonProps","required":false,"type":{"name":"React.ComponentProps<\\"button\\">"}},"clearSectionMode":{"defaultValue":"\'both\'","description":"Determines how the clear button and rightSection are rendered","name":"clearSectionMode","required":false,"type":{"name":"ClearSectionMode","raw":"ClearSectionMode | undefined","value":[{"value":"undefined"},{"value":"\\"both\\""},{"value":"\\"rightSection\\""},{"value":"\\"clear\\""}]}},"clearable":{"defaultValue":"false","description":"If set, clear button is displayed in the <code>rightSection</code> when the component has value. Ignored if <code>rightSection</code> prop is set.","name":"clearable","required":false,"type":{"name":"boolean"}},"closeOnChange":{"defaultValue":"true","description":"Determines whether the dropdown is closed when date is selected, not applicable with <code>type=\\"multiple\\"</code>","name":"closeOnChange","required":false,"type":{"name":"boolean"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}}
1,"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownHandlers":{"defaultValue":null,"description":"","name":"dropdownHandlers","required":true,"type":{"name":"UseDisclosureHandlers"}},"dropdownOpened":{"defaultValue":null,"description":"","name":"dropdownOpened","required":true,"type":{"name":"boolean"}},"dropdownType":{"defaultValue":"\'popover\'","description":"Type of the dropdown","name":"dropdownType","required":false,"type":{"name":"\\"popover\\" | \\"modal\\"","raw":"\\"popover\\" | \\"modal\\" | undefined","value":[{"value":"undefined"},{"value":"\\"popover\\""},{"value":"\\"modal\\""}]}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"formattedValue":{"defaultValue":null,"description":"","name":"formattedValue","required":true,"type":{"name":"string | null"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"labelSeparator":{"defaultValue":null,"description":"Separator between range value","name":"labelSeparator","required":false,"type":{"name":"string"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"modalProps":{"defaultValue":null,"description":"Props passed down to <code>Modal</code> component","name":"modalProps","required":false,"type":{"name":"Partial<Omit<ModalProps, \\"children\\">>"}},"onClear":{"defaultValue":null,"description":"","name":"onClear","required":true,"type":{"name":"() => void"}},"onDropdownClose":{"defaultValue":null,"description":"Called when the dropdown is closed","name":"onDropdownClose","required":false,"type":{"name":"() => void"}},"placeholder":{"defaultValue":null,"description":"Input placeholder","name":"placeholder","required":false,"type":{"name":"string"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"popoverProps":{"defaultValue":null,"description":"Props passed down to <code>Popover</code> component","name":"popoverProps","required":false,"type":{"name":"Partial<Omit<PopoverProps, \\"children\\">>"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"readOnly":{"defaultValue":null,"description":"If set, the component value cannot be changed by the user","name":"readOnly","required":false,"type":{"name":"boolean"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"shouldClear":{"defaultValue":null,"description":"","name":"shouldClear","required":true,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"sortDates":{"defaultValue":"true","description":"Determines whether dates values should be sorted before <code>onChange</code> call, only applicable with type=\\"multiple\\"","name":"sortDates","required":false,"type":{"name":"boolean"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"type":{"defaultValue":null,"description":"","name":"type","required":true,"type":{"name":"DatePickerType","raw":"DatePickerType","value":[{"value":"\\"default\\""},{"value":"\\"multiple\\""},{"value":"\\"range\\""}]}},"value":{"defaultValue":null,"description":"","name":"value","required":true,"type":{"name":"HiddenDatesInputValue"}},"valueFormatter":{"defaultValue":null,"description":"A function to format selected dates values into a string. By default, date is formatted based on the input type.","name":"valueFormatter","required":false,"type":{"name":"DateFormatter"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"withTime":{"defaultValue":null,"description":"","name":"withTime","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"SpinInput":{"props":{"allowTemporaryZero":{"defaultValue":"false","description":"","name":"allowTemporaryZero","required":false,"type":{"name":"boolean"}},"disableAutoAdvance":{"defaultValue":"false","description":"","name":"disableAutoAdvance","required":false,"type":{"name":"boolean"}},"focusable":{"defaultValue":null,"description":"","name":"focusable","required":true,"type":{"name":"boolean"}},"max":{"defaultValue":null,"description":"","name":"max","required":true,"type":{"name":"number"}},"min":{"defaultValue":null,"description":"","name":"min","required":true,"type":{"name":"number"}}
1,"onChange":{"defaultValue":null,"description":"","name":"onChange","required":true,"type":{"name":"(value: number | null) => void"}},"onNextInput":{"defaultValue":null,"description":"","name":"onNextInput","required":false,"type":{"name":"() => void"}},"onPreviousInput":{"defaultValue":null,"description":"","name":"onPreviousInput","required":false,"type":{"name":"() => void"}},"placeholder":{"defaultValue":"--","description":"","name":"placeholder","required":false,"type":{"name":"string"}},"step":{"defaultValue":null,"description":"","name":"step","required":true,"type":{"name":"number"}},"value":{"defaultValue":null,"description":"","name":"value","required":true,"type":{"name":"number | null"}}}},"TimeGrid":{"props":{"allowDeselect":{"defaultValue":"false","description":"Determines whether the value can be deselected when the current active option is clicked or activated with keyboard","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"amPmLabels":{"defaultValue":"{ am: \'AM\', pm: \'PM\' }","description":"Labels used for am/pm values","name":"amPmLabels","required":false,"type":{"name":"{ am: string; pm: string }"}},"data":{"defaultValue":null,"description":"Time data in 24h format to be displayed in the grid, for example <code>[\'10:00\', \'18:30\', \'22:00\']</code>. Time values must be unique.","name":"data","required":true,"type":{"name":"string[]"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"string | null"}},"disableTime":{"defaultValue":null,"description":"Array of time values to disable","name":"disableTime","required":false,"type":{"name":"string[] | ((time: string) => boolean)"}},"disabled":{"defaultValue":null,"description":"If set, all controls are disabled","name":"disabled","required":false,"type":{"name":"boolean"}},"format":{"defaultValue":"\'24h\'","description":"Time format displayed in the grid","name":"format","required":false,"type":{"name":"\\"12h\\" | \\"24h\\"","raw":"TimePickerFormat | undefined","value":[{"value":"undefined"},{"value":"\\"12h\\""},{"value":"\\"24h\\""}]}},"getControlProps":{"defaultValue":null,"description":"A function to pass props down to control based on the time value","name":"getControlProps","required":false,"type":{"name":"(time: string) => ClassAttributes<HTMLButtonElement> & ButtonHTMLAttributes<HTMLButtonElement> & DataAttributes"}},"maxTime":{"defaultValue":null,"description":"All controls after this time are disabled","name":"maxTime","required":false,"type":{"name":"string"}},"minTime":{"defaultValue":null,"description":"All controls before this time are disabled","name":"minTime","required":false,"type":{"name":"string"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: string | null) => void"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"simpleGridProps":{"defaultValue":"{ cols: 3, spacing: \'xs\' }","description":"Props passed down to the underlying <code>SimpleGrid</code> component","name":"simpleGridProps","required":false,"type":{"name":"SimpleGridProps"}},"size":{"defaultValue":"\'sm\'","description":"Control <code>font-size</code> of controls, key of <code>theme.fontSizes</code> or any valid CSS value","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string | null"}},"withSeconds":{"defaultValue":"false","description":"Determines whether the seconds part should be displayed","name":"withSeconds","required":false,"type":{"name":"boolean"}}}},"TimeInput":{"props":{"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}}
1,"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"maxTime":{"defaultValue":null,"description":"Maximum possible string time, if <code>withSeconds</code> is true, time should be in format HH:mm:ss, otherwise HH:mm","name":"maxTime","required":false,"type":{"name":"string"}},"minTime":{"defaultValue":null,"description":"Minimum possible str
1ing time, if <code>withSeconds</code> is true, time should be in format HH:mm:ss, otherwise HH:mm","name":"minTime","required":false,"type":{"name":"string"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withSeconds":{"defaultValue":"false","description":"Determines whether seconds input should be displayed","name":"withSeconds","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"TimePicker":{"props":{"amPmInputLabel":{"defaultValue":null,"description":"<code>aria-label</code> of am/pm input","name":"amPmInputLabel","required":false,"type":{"name":"string"}},"amPmLabels":{"defaultValue":"{ am: \'AM\', pm: \'PM\' }","description":"Labels used for am/pm values","name":"amPmLabels","required":false,"type":{"name":"{ am: string; pm: string }"}},"amPmRef":{"defaultValue":null,"description":"A ref object to get node reference of the am/pm select","name":"amPmRef","required":false,"type":{"name":"Ref<HTMLSelectElement>"}},"amPmSelectProps":{"defaultValue":null,"description":"Props passed down to am/pm select","name":"amPmSelectProps","required":false,"type":{"name":"ClassAttributes<HTMLSelectElement> & SelectHTMLAttributes<HTMLSelectElement> & DataAttributes"}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to clear button","name":"clearButtonProps","required":false,"type":{"name":"CloseButtonProps"}},"clearSectionMode":{"defaultValue":"\'both\'","description":"Determines how the clear button and rightSection are rendered","name":"clearSectionMode","required":false,"type":{"name":"ClearSectionMode","raw":"ClearSectionMode | undefined","value":[{"value":"undefined"},{"value":"\\"both\\""},{"value":"\\"rightSection\\""},{"value":"\\"clear\\""}]}},"clearable":{"defaultValue":"false","description":"Determines whether the clear button should be displayed","
1name":"clearable","required":false,"type":{"name":"boolean"}},"closeDropdownOnPresetSelect":{"defaultValue":"false","description":"If set, the dropdown is closed when a value is selected from the presets list","name":"closeDropdownOnPresetSelect","required":false,"type":{"name":"boolean"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"string"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}},"disabled":{"defaultValue":null,"description":"If set, the component becomes disabled","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"form":{"defaultValue":null,"description":"<code>form</code> prop passed down to the hidden input","name":"form","required":false,"type":{"name":"string"}},"format":{"defaultValue":null,"description":"Time format, <code>\'24h\'</code> by default","name":"format","required":false,"type":{"name":"\\"12h\\" | \\"24h\\"","raw":"TimePickerFormat | undefined","value":[{"value":"undefined"},{"value":"\\"12h\\""},{"value":"\\"24h\\""}]}},"hiddenInputProps":{"defaultValue":null,"description":"Props passed down to the hidden input","name":"hiddenInputProps","required":false,"type":{"name":"ClassAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLInputElement> & DataAttributes"}},"hoursInputLabel":{"defaultValue":null,"description":"<code>aria-label</code> of hours input","name":"hoursInputLabel","required":false,"type":{"name":"string"}},"hoursInputProps":{"defaultValue":null,"description":"Props passed down to hours input","name":"hoursInputProps","required":false,"type":{"name":"ClassAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLInputElement> & DataAttributes"}},"hoursPlaceholder":{"defaultValue":"--","description":"Hours input placeholder,","name":"hoursPlaceholder","required":false,"type":{"name":"string"}},"hoursRef":{"defaultValue":null,"description":"A ref object to get node reference of the hours input","name":"hoursRef","required":false,"type":{"name":"Ref<HTMLInputElement>"}},"hoursStep":{"defaultValue":"1","description":"Number by which hours are incremented/decremented","name":"hoursStep","required":false,"type":{"name":"number"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Set
1s <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"max":{"defaultValue":null,"description":"Max possible time value in <code>hh:mm:ss</code> format","name":"max","required":false,"type":{"name":"string"}},"maxDropdownContentHeight":{"defaultValue":"200","description":"Maximum height of the content displayed in the dropdown in px","name":"maxDropdownContentHeight","required":false,"type":{"name":"number"}},"min":{"defaultValue":null,"description":"Min possible time value in <code>hh:mm:ss</code> format","name":"min","required":false,"type":{"name":"string"}},"minHoursDigits":{"defaultValue":"2","description":"Minimum number of digits displayed in the hours input, applicable only when <code>type=\\"duration\\"</code> is set","name":"minHoursDigits","required":false,"type":{"name":"number"}},"minutesInputLabel":{"defaultValue":null,"description":"<code>aria-label</code> of minutes input","name":"minutesInputLabel","required":false,"type":{"name":"string"}},"minutesInputProps":{"defaultValue":null,"description":"Props passed down to minutes input","name":"minutesInputProps","required":false,"type":{"name":"ClassAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLInputElement> & DataAttributes"}},"minutesPlaceholder":{"defaultValue":"--","description":"Minutes input placeholder,","name":"minutesPlaceholder","required":false,"type":{"name":"string"}},"minutesRef":{"defaultValue":null,"description":"A ref object to get node reference of the minutes input","name":"minutesRef","required":false,"type":{"name":"Ref<HTMLInputElement>"}},"minutesStep":{"defaultValue":"1","description":"Number by which minutes are incremented/decremented","name":"minutesStep","required":false,"type":{"name":"number"}},"name":{"defaultValue":null,"description":"<code>name</code> prop passed down to the hidden input","name":"name","required":false,"type":{"name":"string"}},"onBlur":{"defaultValue":null,"description":"Called once when the focus is no longer on any of the inputs","name":"onBlur","required":false,"type":{"name":"(event: FocusEvent<HTMLDivElement, Element>) => void"}}
1,"onChange":{"defaultValue":null,"description":"Called when the value changes","name":"onChange","required":false,"type":{"name":"(value: string) => void"}},"onFocus":{"defaultValue":null,"description":"Called once when one of the inputs is focused, not called when focused is shifted between hours, minutes, seconds and am/pm inputs","name":"onFocus","required":false,"type":{"name":"(event: FocusEvent<HTMLInputElement, Element>) => void"}},"pasteSplit":{"defaultValue":null,"description":"A function to transform paste values, by default time in 24h format can be parsed on paste for example <code>23:34:22</code>","name":"pasteSplit","required":false,"type":{"name":"TimePickerPasteSplit"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"popoverProps":{"defaultValue":null,"description":"Props passed down to <code>Popover</code> component","name":"popoverProps","required":false,"type":{"name":"PopoverProps"}},"presets":{"defaultValue":null,"description":"Time presets to display in the dropdown","name":"presets","required":false,"type":{"name":"TimePickerPresets"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"readOnly":{"defaultValue":null,"description":"If set, the value cannot be updated","name":"readOnly","required":false,"type":{"name":"boolean"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"reverseTimeControlsList":{"defaultValue":"false","description":"If set, the time controls list are reversed,","name":"reverseTimeControlsList","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"scrollAreaProps":{"defaultValue":null,"description":"Props passed down to all underlying <code>ScrollArea</code> components","name":"scrollAreaProps","required":false,"type":{"name":"ScrollAreaProps"}},"secondsInputLabel":{"defaultValue":null,"description":"<code>aria-label</code> of seconds input","name":"secondsInputLabel","required":false,"type":{"name":"string"}},"secondsInputProps":{"defaultValue":null,"description":"Props passed down to seconds
1input","name":"secondsInputProps","required":false,"type":{"name":"ClassAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLInputElement> & DataAttributes"}},"secondsPlaceholder":{"defaultValue":"--","description":"Seconds input placeholder,","name":"secondsPlaceholder","required":false,"type":{"name":"string"}},"secondsRef":{"defaultValue":null,"description":"A ref object to get node reference of the seconds input","name":"secondsRef","required":false,"type":{"name":"Ref<HTMLInputElement>"}},"secondsStep":{"defaultValue":"1","description":"Number by which seconds are incremented/decremented","name":"secondsStep","required":false,"type":{"name":"number"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"type":{"defaultValue":"\'time\'","description":"TimePicker type, <code>\'time\'</code> for regular time input, <code>\'duration\'</code> for duration input that allows values greater than 24 hours","name":"type","required":false,"type":{"name":"TimePickerType","raw":"TimePickerType | undefined","value":[{"value":"undefined"},{"value":"\\"time\\""},{"value":"\\"duration\\""}]}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withDropdown":{"defaultValue":"false","description":"Determines whether the dropdown with time controls list should be visible when the input has focus","name":"withDropdown","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withSeconds":{"defaultValue":"false","description":"Determines whether the seconds input should be displayed","name":"withSeconds","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"TimeValue":{"props":{"amPmLabels":{"defaultValue":"{ am: \'AM\', pm: \'PM\' }","description":"AM/PM labels","name":"amPmLabels","required":false,"type":{"name":"{ am: string; pm: string }"}},"format":{"defaultValue":"24h","description":"Time format","name":"format","required":false,"type":{"name":"\\"12h\\" | \\"24h\\"","raw":"TimePickerFormat | undefined","value":[{"value":"undefined"},{"value":"\\"12h\\""},{"value":"\\"24h\\""}]}},"value":{"defaultValue":null,"description":"Time to format","name":"value","required":true,"type":{"name":"string | Date"}},"withSeconds":{"defaultValue":"false","description":"Determines whether seconds should be displayed","name":"withSeconds","required":false,"type":{"name":"boolean"}}}},"WeekdaysRow":{"props":{"cellComponent":{"defaultValue":"\'th\'","description":"Sets cell type that is used for weekdays","name":"cellComponent","required":false,"type":{"name":"\\"td\\" | \\"th\\"","raw":"\\"td\\" | \\"th\\" | undefined","value":[{"value":"undefined"},{"value":"\\"td\\""},{"value":"\\"th\\""}]}},"firstDayOfWeek":{"defaultValue":"1 â Monday","description":"Number 0-6, 0 â Sunday, 6 â Saturday","name":"firstDayOfWeek","required":false,"type":{"name":"0 | 1 | 2 | 3 | 4 | 5 | 6","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"locale":{"defaultValue":null,"description":"dayjs locale","name":"locale","required":false,"type":{"name":"string"}},"size":{"defaultValue":null,"description":"Controls size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"weekdayFormat":{"defaultValue":"\'dd\'","description":"dayjs format to get weekday name","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"withWeekNumbers":{"defaultValue":null,"description":"If set, heading for week numbers is displayed","
1name":"withWeekNumbers","required":false,"type":{"name":"boolean"}}}},"YearLevel":{"props":{"fullWidth":{"defaultValue":"false","description":"Determines whether the calendar should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"getMonthControlProps":{"defaultValue":null,"description":"Passes props down month picker control","name":"getMonthControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"hasNextLevel":{"defaultValue":"true","description":"Determines whether next level button should be enabled","name":"hasNextLevel","required":false,"type":{"name":"boolean"}},"headerControlsOrder":{"defaultValue":"[\'previous\', \'level\', \'next\']","description":"Controls order","name":"headerControlsOrder","required":false,"type":{"name":"(\\"next\\" | \\"previous\\" | \\"level\\")[]"}},"levelControlAriaLabel":{"defaultValue":null,"description":"<code>aria-label</code> for change level control","name":"levelControlAriaLabel","required":false,"type":{"name":"string"}},"locale":{"defaultValue":null,"description":"Dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"maxDate","required":false,"type":{"name":"string | Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"minDate","required":false,"type":{"name":"string | Date"}},"monthsListFormat":{"defaultValue":"\\"MMM\\"","description":"<code>dayjs</code> format for months list or a function that returns month label based on the date value","name":"monthsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"nextDisabled":{"defaultValue":null,"description":"Disables next control","name":"nextDisabled","required":false,"type":{"name":"boolean"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"Next button <code>aria-label</code>","name":"nextLabel","required":false,"type":{"name":"string"}},"onLevelClick":{"defaultValue":null,"description":"Called when the level button is clicked","name":"onLevelClick","required":false,"type":{"name":"() => void"}},"onNext":{"defaultValue":null,"description":"Called when the next button is clicked","name":"onNext","required":false,"type":{"name":"() => void"}},"onPrevious":{"defaultValue":null,"description":"Called when the previous button is clicked","name":"onPrevious","required":false,"type":{"name":"() => void"}},"previousDisabled":{"defaultValue":null,"description":"Disables previous control","name":"previousDisabled","required":false,"type":{"name":"boolean"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"Previous button <code>aria-label</code>","name":"previousLabel","required":false,"type":{"name":"string"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"withCellSpacing":{"defaultValue":"true","description":"Determines whether controls should be separated","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withNativeLevelSelect":{"defaultValue":"false","description":"Determines whether level select controls should be rendered as native <code><select></code> elements","name":"withNativeLevelSelect","required":false,"type":{"name":"boolean"}},"withNext":{"defaultValue":"true","description":"Determines whether next control should be rendered","name":"withNext","required":false,"type":{"name":"boolean"}},"withPrevious":{"defaultValue":"true","description":"Determines whether previous control should be rendered","name":"withPrevious","required":false,"type":{"name":"boolean"}},"year":{"defaultValue":null,"description":"Displayed year value in <code>YYYY-MM-DD</code> format","name":"year","required":true,"type":{"name":"string"}},"yearLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"dayjs label format to display year label or a function that returns year label based on year value","name":"yearLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"yearsSelectRange":{"defaultValue":null,"description":"Year range for native level select, tuple of <code>[startYear, endYear]</code>. Defaults to <code>[currentYear - 100, currentYear + 50]</code> or values derived from <code>minDate</code>/<code>maxDate</code> if set.","name":"yearsSelectRange","required":false,"type":{"name":"[number, number]"}}}},"YearLevelGroup":{"props":{"fullWidth":{"defaultValue":"false","description":"Determines whether the calendar should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"getMonthControlProps":{"defaultValue":null,"description":"Passes props down month picker control","name":"getMonthControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"hasNextLevel":{"defaultValue":"true","description":"Determines whether next level button should be enabled","name":"hasNextLevel","required":false,"type":{"name":"boolean"}},"headerControlsOrder":{"defaultValue":"[\'previous\', \'level\', \'next\']","description":"Controls order","name":"headerControlsOrder","required":false,"type":{"name":"(\\"next\\" | \\"previous\\" | \\"level\\")[]"}},"levelControlAriaLabel":{"defaultValue":null,"description":"Function that returns level control <code>aria-label</code>","name":"levelControlAriaLabel","required":false,"type":{"name":"string | ((year: string) => string)"}},"locale":{"defaultValue":null,"description":"Dayjs locale, defaults to value defined in DatesProvi
1der","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"maxDate","required":false,"type":{"name":"string | Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"minDate","required":false,"type":{"name":"string | Date"}},"monthsListFormat":{"defaultValue":"\\"MMM\\"","description":"<code>dayjs</code> format for months list or a function that returns month label based on the date value","name":"monthsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"nextDisabled":{"defaultValue":null,"description":"Disables next control","name":"nextDisabled","required":false,"type":{"name":"boolean"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"Next button <code>aria-label</code>","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":null,"description":"Number of columns displayed next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onLevelClick":{"defaultValue":null,"description":"Called when the level button is clicked","name":"onLevelClick","required":false,"type":{"name":"() => void"}},"onNext":{"defaultValue":null,"description":"Called when the next button is clicked","name":"onNext","required":false,"type":{"name":"() => void"}},"onPrevious":{"defaultValue":null,"description":"Called when the previous button is clicked","name":"onPrevious","required":false,"type":{"name":"() => void"}},"previousDisabled":{"defaultValue":null,"description":"Disables previous control","name":"previousDisabled","required":false,"type":{"name":"boolean"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"Previous button <code>aria-label</code>","name":"previousLabel","required":false,"type":{"name":"string"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"withCellSpacing":{"defaultValue":"true","description":"Determines whether controls should be separated","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withNativeLevelSelect":{"defaultValue":"false","description":"Determines whether level select controls should be rendered as native <code><select></code> elements","name":"withNativeLevelSelect","required":false,"type":{"name":"boolean"}},"year":{"defaultValue":null,"description":"Displayed year","name":"year","required":true,"type":{"name":"string"}},"yearLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"dayjs label format to display year label or a function that returns year label based on year value","name":"yearLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"yearsSelectRange":{"defaultValue":null,"description":"Year range for native level select, tuple of <code>[startYear, endYear]</code>. Defaults to <code>[currentYear - 100, currentYear + 50]</code> or values derived from <code>minDate</code>/<code>maxDate</code> if set.","name":"yearsSelectRange","required":false,"type":{"name":"[number, number]"}}}},"YearPicker":{"props":{"allowDeselect":{"defaultValue":null,"description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\\"default\\"","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"allowSingleDateInRange":{"defaultValue":null,"description":"Determines whether a single day can be selected as range, applicable only when type=\\"range\\"","name":"allowSingleDateInRange","required":false,"type":{"name":"boolean"}},"ariaLabels":{"defaultValue":null,"description":"<code>aria-label</code> attributes for controls on different levels","name":"ariaLabels","required":false,"type":{"name":"CalendarAriaLabels"}},"columnsToScroll":{"defaultValue":null,"description":"Number of columns to scroll with next/prev buttons, same as <code>numberOfColumns</code> if not set explicitly","name":"columnsToScroll","required":false,"type":{"name":"number"}},"date":{"defaultValue":null,"description":"Displayed date in controlled mode","name":"date","required":false,"type":{"name":"string | Date"}},"decadeLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for decade label or a function that returns decade label based on the date value","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: string, endOfDecade: string) => ReactNode)"}},"defaultDate":{"defaultValue":null,"description":"Initial displayed date in uncontrolled mode","name":"defaultDate","required":false,"type":{"name":"string | Date"}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"DateValue | DatesRangeValue<DateValue> | DateValue[]"}},"fullWidth":{"defaultValue":"false","description":"Determines whether the list should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"getYearControlProps":{"defaultValue":null,"description":"Passes props down to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"locale":{"defaultValue":null,"description":"Dayjs locale, defaults to value defined in DatesProvi
1der","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"maxDate","required":false,"type":{"name":"string | Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"minDate","required":false,"type":{"name":"string | Date"}},"nextLabel":{"defaultValue":null,"description":"Next button <code>aria-label</code>","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":"1","description":"Number of columns displayed next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: DatePickerValue<Type, string>) => void"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes","name":"onDateChange","required":false,"type":{"name":"(date: string) => void"}},"onNextDecade":{"defaultValue":null,"description":"Called when the next decade button is clicked","name":"onNextDecade","required":false,"type":{"name":"(date: string) => void"}},"onPreviousDecade":{"defaultValue":null,"description":"Called when the previous decade button is clicked","name":"onPreviousDecade","required":false,"type":{"name":"(date: string) => void"}},"onYearSelect":{"defaultValue":null,"description":"Called when year is selected","name":"onYearSelect","required":false,"type":{"name":"(date: string) => void"}},"presets":{"defaultValue":null,"description":"Predefined values to pick from","name":"presets","required":false,"type":{"name":"YearPickerPreset<Type>[]"}},"previousLabel":{"defaultValue":null,"description":"Previous button <code>aria-label</code>","name":"previousLabel","required":false,"type":{"name":"string"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"type":{"defaultValue":null,"description":"Picker type: range, multiple or default","name":"type","required":false,"type":{"name":"\\"range\\" | \\"multiple\\" | \\"default\\"","raw":"DatePickerType | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"multiple\\""},{"value":"\\"range\\""}]}},"value":{"defaultValue":null,"description":"Value for controlled component","name":"value","required":false,"type":{"name":"DateValue | DatesRangeValue<DateValue> | DateValue[]"}},"withCellSpacing":{"defaultValue":"true","description":"Determines whether controls should be separated","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withNativeLevelSelect":{"defaultValue":"false","description":"Determines whether level select controls should be rendered as native <code><select></code> elements","name":"withNativeLevelSelect","required":false,"type":{"name":"boolean"}},"yearsListFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for years list or a function that returns year label based on the date value","name":"yearsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}}}},"YearPickerInput":{"props":{"allowDeselect":{"defaultValue":null,"description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\\"default\\"","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"allowSingleDateInRange":{"defaultValue":null,"description":"Determines whether a single day can be selected as range, applicable only when type=\\"range\\"","name":"allowSingleDateInRange","required":false,"type":{"name":"boolean"}},"ariaLabels":{"defaultValue":null,"description":"<code>aria-label</code> attributes for controls on different levels","name":"ariaLabels","required":false,"type":{"name":"CalendarAriaLabels"}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to the clear button","name":"clearButtonProps","required":false,"type":{"name":"React.ComponentProps<\\"button\\">"}},"clearSectionMode":{"defaultValue":"\'both\'","description":"Determines how the clear button and rightSection are rendered","name":"clearSectionMode","required":false,"type":{"name":"ClearSectionMode","raw":"ClearSectionMode | undefined","value":[{"value":"undefined"},{"value":"\\"both\\""},{"value":"\\"rightSection\\""},{"value":"\\"clear\\""}]}},"clearable":{"defaultValue":"false","description":"If set, clear button is displayed in the <code>rightSection</code> when the component has value. Ignored if <code>rightSection</code> prop is set.","name":"clearable","required":false,"type":{"name":"boolean"}},"closeOnChange":{"defaultValue":"true","description":"Determines whether the dropdown is closed when date is selected, not applicable with <code>type=\\"multiple\\"</code>","name":"closeOnChange","required":false,"type":{"name":"boolean"}},"columnsToScroll":{"defaultValue":null,"description":"Number of columns to scroll with next/prev buttons, same as <code>numberOfColumns</code> if not set explicitly","name":"columnsToScroll","required":false,"type":{"name":"number"}},"date":{"defaultValue":null,"description":"Displayed date in controlled mode","name":"date","required":false,"type":{"name":"string | Date"}},"decadeLabelFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for decade label or a function that returns decade label based on the date value","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: string, endOfDecade: string) => ReactNode)"}},"defaultDate":{"defaultValue":null,"description":"Initial displayed date in uncontrolled mode","name":"defaultDate","required":false,"type":{"name":"string | Date"}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"DateValue | DatesRangeValue<DateValue> | DateValue[]"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}}
1,"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownType":{"defaultValue":"\'popover\'","description":"Type of the dropdown","name":"dropdownType","required":false,"type":{"name":"\\"popover\\" | \\"modal\\"","raw":"\\"popover\\" | \\"modal\\" | undefined","value":[{"value":"undefined"},{"value":"\\"popover\\""},{"value":"\\"modal\\""}]}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"fullWidth":{"defaultValue":"false","description":"Determines whether the list should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"getYearControlProps":{"defaultValue":null,"description":"Passes props down to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"labelSeparator":{"defaultValue":null,"description":"Separator between range value","name":"labelSeparator","required":false,"type":{"name":"string"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"locale":{"defaultValue":null,"description":"Dayjs locale, defaults to value defined in DatesProvi
1der","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"maxDate","required":false,"type":{"name":"string | Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"minDate","required":false,"type":{"name":"string | Date"}},"modalProps":{"defaultValue":null,"description":"Props passed down to <code>Modal</code> component","name":"modalProps","required":false,"type":{"name":"Partial<Omit<ModalProps, \\"children\\">>"}},"nextLabel":{"defaultValue":null,"description":"Next button <code>aria-label</code>","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":"1","description":"Number of columns displayed next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: DatePickerValue<Type, string>) => void"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes","name":"onDateChange","required":false,"type":{"name":"(date: string) => void"}},"onDropdownClose":{"defaultValue":null,"description":"Called when the dropdown is closed","name":"onDropdownClose","required":false,"type":{"name":"() => void"}},"onNextDecade":{"defaultValue":null,"description":"Called when the next decade button is clicked","name":"onNextDecade","required":false,"type":{"name":"(date: string) => void"}},"onPreviousDecade":{"defaultValue":null,"description":"Called when the previous decade button is clicked","name":"onPreviousDecade","required":false,"type":{"name":"(date: string) => void"}},"placeholder":{"defaultValue":null,"description":"Input placeholder","name":"placeholder","required":false,"type":{"name":"string"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"popoverProps":{"defaultValue":null,"description":"Props passed down to <code>Popover</code> component","name":"popoverProps","required":false,"type":{"name":"Partial<Omit<PopoverProps, \\"children\\">>"}},"presets":{"defaultValue":null,"description":"Predefined values to pick from","name":"presets","required":false,"type":{"name":"YearPickerPreset<Type>[]"}},"previousLabel":{"defaultValue":null,"description":"Previous button <code>aria-label</code>","name":"previousLabel","required":false,"type":{"name":"string"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"readOnly":{"defaultValue":null,"description":"If set, the component value cannot be changed by the user","name":"readOnly","required":false,"type":{"name":"boolean"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"sortDates":{"defaultValue":"true","description":"Determines whether dates values should be sorted before <code>onChange</code> call, only applicable with type=\\"multiple\\"","name":"sortDates","required":false,"type":{"name":"boolean"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"type":{"defaultValue":null,"description":"Picker type: range, multiple or default","name":"type","required":false,"type":{"name":"\\"range\\" | \\"multiple\\" | \\"default\\"","raw":"DatePickerType | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"multiple\\""},{"value":"\\"range\\""}]}},"value":{"defaultValue":null,"description":"Value for controlled component","name":"value","required":false,"type":{"name":"DateValue | DatesRangeValue<DateValue> | DateValue[]"}},"valueFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format to display input value","name":"valueFormat","required":false,"type":{"name":"string"}},"valueFormatter":{"defaultValue":null,"description":"A function to format selected dates values into a string. By default, date is formatted based on the input type.","name":"valueFormatter","required":false,"type":{"name":"DateFormatter"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withCellSpacing":{"defaultValue":"true","description":"Determines whether controls should be separated","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withNativeLevelSelect":{"defaultValue":"false","description":"Determines whether level select controls should be rendered as native <code><select></code> elements","name":"withNativeLevelSelect","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}},"yearsListFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for years list or a function that returns year label based on the date value","name":"yearsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}}}},"YearsList":{"props":{"decade":{"defaultValue":null,"description":"Decade value to display","name":"decade","required":true,"type":{"name":"string"}},"fullWidth":{"defaultValue":"false","description":"Determines whether the list should take the full width of its container","name":"fullWidth","required":false,"type":{"name":"boolean"}},"getYearControlProps":{"defaultValue":null,"description":"Passes props down to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"(date: string) => Partial<PickerControlProps> & DataAttributes"}},"locale":{"defaultValue":null,"description":"Dayjs locale, defaults to value defined in DatesProvi
1der","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"maxDate","required":false,"type":{"name":"string | Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date in <code>YYYY-MM-DD</code> format or Date object","name":"minDate","required":false,"type":{"name":"string | Date"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"withCellSpacing":{"defaultValue":"true","description":"Determines whether controls should be separated","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"yearsListFormat":{"defaultValue":"\\"YYYY\\"","description":"<code>dayjs</code> format for years list or a function that returns year label based on the date value","name":"yearsListFormat","required":false,"type":{"name":"string | ((date: string) => string)"}}}},"AreaChart":{"props":{"accessibilityLayer":{"defaultValue":null,"description":"Determines whether the chart should be keyboard-navigable with the recharts accessibility layer, <code>true</code> by default","name":"accessibilityLayer","required":false,"type":{"name":"boolean"}},"activeDotProps":{"defaultValue":null,"description":"Props passed down to all active dots. Ignored if <code>withDots={false}</code> is set.","name":"activeDotProps","required":false,"type":{"name":"MantineChartDotProps"}},"areaChartProps":{"defaultValue":null,"description":"Props passed down to recharts <code>AreaChart</code> component","name":"areaChartProps","required":false,"type":{"name":"(CartesianChartProps<unknown> & { ref?: Ref<SVGSVGElement>; }) | undefined"}},"areaProps":{"defaultValue":null,"description":"Props passed down to recharts <code>Area</code> component","name":"areaProps","required":false,"type":{"name":"((series: AreaChartSeries) => Partial<Omit<Props<any, any>, \\"ref\\">>) | Partial<Omit<Props<any, any>, \\"ref\\">>"}},"brushProps":{"defaultValue":null,"description":"Props passed down to the <code>Brush</code> component","name":"brushProps","required":false,"type":{"name":"RechartsProps"}},"children":{"defaultValue":null,"description":"Additional components that are rendered inside recharts <code>AreaChart</code> component","name":"children","required":false,"type":{"name":"React.ReactNode"}},"connectNulls":{"defaultValue":"true","description":"If set, points with <code>null</code> values are connected","name":"connectNulls","required":false,"type":{"name":"boolean"}},"curveType":{"defaultValue":"\'monotone\'","description":"Type of the curve","name":"curveType","required":false,"type":{"name":"AreaChartCurveType","raw":"AreaChartCurveType | undefined","value":[{"value":"undefined"},{"value":"\\"step\\""},{"value":"\\"linear\\""},{"value":"\\"bump\\""},{"value":"\\"natural\\""},{"value":"\\"monotone\\""},{"value":"\\"stepBefore\\""},{"value":"\\"stepAfter\\""}]}},"data":{"defaultValue":null,"description":"Data used to display chart","name":"data","required":true,"type":{"name":"ChartData"}},"dataKey":{"defaultValue":null,"description":"Key of the <code>data</code> object for x-axis values","name":"dataKey","required":true,"type":{"name":"string"}},"dotProps":{"defaultValue":null,"description":"Props passed down to all dots. Ignored if <code>withDots={false}</code> is set.","name":"dotProps","required":false,"type":{"name":"MantineChartDotProps"}},"fillOpacity":{"defaultValue":"0.2","description":"Controls fill opacity of all areas","name":"fillOpacity","required":false,"type":{"name":"number"}},"gridAxis":{"defaultValue":null,"description":"Specifies which lines should be displayed in the grid, <code>\'x\'</code> by default","name":"gridAxis","required":false,"type":{"name":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\"","raw":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\" | undefined","value":[{"value":"undefined"},{"value":"\\"none\\""},{"value":"\\"x\\""},{"value":"\\"y\\""},{"value":"\\"xy\\""}]}},"gridColor":{"defaultValue":null,"description":"Color of the grid and curs
1or lines, by default depends on color scheme","name":"gridColor","required":false,"type":{"name":"MantineColor"}},"gridProps":{"defaultValue":null,"description":"Props passed down to the <code>CartesianGrid</code> component","name":"gridProps","required":false,"type":{"name":"RechartsProps"}},"legendProps":{"defaultValue":null,"description":"Props passed down to the <code>Legend</code> component","name":"legendProps","required":false,"type":{"name":"RechartsProps"}},"orientation":{"defaultValue":null,"description":"Chart orientation, <code>\'horizontal\'</code> by default","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"referenceAreas":{"defaultValue":null,"description":"Reference areas that should be displayed on the chart","name":"referenceAreas","required":false,"type":{"name":"ChartReferenceAreaProps[]"}},"referenceDots":{"defaultValue":null,"description":"Reference dots that should be displayed on the chart","name":"referenceDots","required":false,"type":{"name":"ChartReferenceDotProps[]"}},"referenceLines":{"defaultValue":null,"description":"Reference lines that should be displayed on the chart","name":"referenceLines","required":false,"type":{"name":"ChartReferenceLineProps[]"}},"rightYAxisLabel":{"defaultValue":null,"description":"A label to display next to the right y-axis","name":"rightYAxisLabel","required":false,"type":{"name":"string"}},"rightYAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>YAxis</code> recharts component rendered on the right side","name":"rightYAxisProps","required":false,"type":{"name":"RechartsProps"}},"series":{"defaultValue":null,"description":"An array of objects with <code>name</code> and <code>color</code> keys. Determines which data should be consumed from the <code>data</code> array.","name":"series","required":true,"type":{"name":"AreaChartSeries[]"}},"splitColors":{"defaultValue":"[\'green.7\', \'red.7\']","description":"A tuple of colors used when <code>type=\\"split\\"</code> is set, ignored in all other cases. A tuple may include theme colors reference or any valid CSS colors","name":"splitColors","required":false,"type":{"name":"[MantineColor, MantineColor]"}},"splitOffset":{"defaultValue":null,"description":"Offset for the split gradient. By default, value is inferred from <code>data</code> and <code>series</code> if possible. Must be generated from the data array with <code>getSplitOffset</code> function.","name":"splitOffset","required":false,"type":{"name":"number"}},"strokeDasharray":{"defaultValue":null,"description":"Dash array for the grid lines and cursor, <code>\'5 5\'</code> by default","name":"strokeDasharray","required":false,"type":{"name":"string | number"}},"strokeWidth":{"defaultValue":"2","description":"Stroke width for the chart areas","name":"strokeWidth","required":false,"type":{"name":"number"}},"textColor":{"defaultValue":null,"description":"Color of the text displayed inside the chart, <code>\'dimmed\'</code> by default","name":"textColor","required":false,"type":{"name":"MantineColor"}},"tickLine":{"defaultValue":null,"description":"Specifies which axis should have tick line, <code>\'y\'</code> by default","name":"tickLine","required":false,"type":{"name":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\"","raw":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\" | undefined","value":[{"value":"undefined"},{"value":"\\"none\\""},{"value":"\\"x\\""},{"value":"\\"y\\""},{"value":"\\"xy\\""}]}},"tooltipAnimationDuration":{"defaultValue":null,"description":"Tooltip position animation duration in ms, <code>0</code> by default","name":"tooltipAnimationDuration","required":false,"type":{"name":"number"}},"tooltipProps":{"defaultValue":null,"description":"Props passed down to the <code>Tooltip</code> component","name":"tooltipProps","required":false,"type":{"name":"RechartsProps"}},"type":{"defaultValue":"\'default\'","description":"Controls how chart areas are positioned relative to each other. Set to <code>\'stream\'</code> to render a streamgraph.","name":"type","required":false,"type":{"name":"AreaChartType","raw":"AreaChartType | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"split\\""},{"value":"\\"stacked\\""},{"value":"\\"percent\\""},{"value":"\\"stream\\""}]}},"unit":{"defaultValue":null,"description":"Unit displayed next to each tick in y-axis","name":"unit","required":false,"type":{"name":"string"}},"valueFormatter":{"defaultValue":null,"description":"A function to format values on Y axis and inside the tooltip","name":"valueFormatter","required":false,"type":{"name":"(value: number) => string"}},"withBrush":{"defaultValue":null,"description":"Determines whether a brush (range selector) should be displayed under the chart, <code>false</code> by default","name":"withBrush","required":false,"type":{"name":"boolean"}},"withDots":{"defaultValue":"true","description":"Determines whether dots should be displayed","
1name":"withDots","required":false,"type":{"name":"boolean"}},"withGradient":{"defaultValue":"false","description":"Determines whether the chart area should be represented with a gradient instead of the solid color","name":"withGradient","required":false,"type":{"name":"boolean"}},"withLegend":{"defaultValue":null,"description":"Determines whether chart legend should be displayed, <code>false</code> by default","name":"withLegend","required":false,"type":{"name":"boolean"}},"withPointLabels":{"defaultValue":"false","description":"If set, each point has an associated label","name":"withPointLabels","required":false,"type":{"name":"boolean"}},"withRightYAxis":{"defaultValue":null,"description":"Determines whether additional y-axis should be displayed on the right side of the chart, <code>false</code> by default","name":"withRightYAxis","required":false,"type":{"name":"boolean"}},"withTooltip":{"defaultValue":null,"description":"Determines whether chart tooltip should be displayed, <code>true</code> by default","name":"withTooltip","required":false,"type":{"name":"boolean"}},"withXAxis":{"defaultValue":"true","description":"Determines whether x-axis should be displayed. Defaults to <code>false</code> for <code>type=\\"stream\\"</code> with <code>orientation=\\"vertical\\"</code> â the floating baseline makes the values not meaningful to read off.","name":"withXAxis","required":false,"type":{"name":"boolean"}},"withYAxis":{"defaultValue":"true","description":"Determines whether y-axis should be displayed. Defaults to <code>false</code> for <code>type=\\"stream\\"</code> with <code>orientation=\\"horizontal\\"</code> â the floating baseline makes the values not meaningful to read off.","name":"withYAxis","required":false,"type":{"name":"boolean"}},"xAxisLabel":{"defaultValue":null,"description":"A label to display below the x-axis","name":"xAxisLabel","required":false,"type":{"name":"string"}},"xAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>XAxis</code> recharts component","name":"xAxisProps","required":false,"type":{"name":"RechartsProps"}},"yAxisLabel":{"defaultValue":null,"description":"A label to display next to the y-axis","name":"yAxisLabel","required":false,"type":{"name":"string"}},"yAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>YAxis</code> recharts component","name":"yAxisProps","required":false,"type":{"name":"RechartsProps"}}}},"BarChart":{"props":{"accessibilityLayer":{"defaultValue":null,"description":"Determines whether the chart should be keyboard-navigable with the recharts accessibility layer, <code>true</code> by default","name":"accessibilityLayer","required":false,"type":{"name":"boolean"}},"barChartProps":{"defaultValue":null,"description":"Props passed down to recharts <code>BarChart</code> component","name":"barChartProps","required":false,"type":{"name":"(CartesianChartProps<unknown> & { ref?: Ref<SVGSVGElement>; }) | undefined"}},"barLabelColor":{"defaultValue":null,"description":"Controls color of the bar label, by default the value is determined by the chart orientation","name":"barLabelColor","required":false,"type":{"name":"MantineColor"}},"barProps":{"defaultValue":null,"description":"Props passed down to recharts <code>Bar</code> component","name":"barProps","required":false,"type":{"name":"((series: BarChartSeries) => Partial<Omit<Props, \\"ref\\">>) | Partial<Omit<Props, \\"ref\\">>"}},"brushProps":{"defaultValue":null,"description":"Props passed down to the <code>Brush</code> component","name":"brushProps","required":false,"type":{"name":"RechartsProps"}},"children":{"defaultValue":null,"description":"Additional components that are rendered inside recharts <code>BarChart</code> component","name":"children","required":false,"type":{"name":"React.ReactNode"}},"cursorFill":{"defaultValue":null,"description":"Fill of hovered bar section, by default value is based on color scheme","name":"cursorFill","required":false,"type":{"name":"MantineColor"}},"data":{"defaultValue":null,"description":"Data used to display chart.","name":"data","required":true,"type":{"name":"Record<string, any>[]"}},"dataKey":{"defaultValue":null,"description":"Key of the <code>data</code> object for x-axis values","name":"dataKey","required":true,"type":{"name":"string"}},"fillOpacity":{"defaultValue":"1","description":"Controls fill opacity of all bars","name":"fillOpacity","required":false,"type":{"name":"number"}},"getBarColor":{"defaultValue":null,"description":"A function to assign dynamic bar color based on its value","name":"getBarColor","required":false,"type":{"name":"(value: number, series: BarChartSeries) => DefaultMantineColor"}},"gridAxis":{"defaultValue":null,"description":"Specifies which lines should be displayed in the grid, <code>\'x\'</code> by default","name":"gridAxis","required":false,"type":{"name":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\"","raw":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\" | undefined","value":[{"value":"undefined"},{"value":"\\"none\\""},{"value":"\\"x\\""},{"value":"\\"y\\""},{"value":"\\"xy\\""}]}},"gridColor":{"defaultValue":null,"description":"Color of the grid and curs
1or lines, by default depends on color scheme","name":"gridColor","required":false,"type":{"name":"MantineColor"}},"gridProps":{"defaultValue":null,"description":"Props passed down to the <code>CartesianGrid</code> component","name":"gridProps","required":false,"type":{"name":"RechartsProps"}},"legendProps":{"defaultValue":null,"description":"Props passed down to the <code>Legend</code> component","name":"legendProps","required":false,"type":{"name":"RechartsProps"}},"maxBarWidth":{"defaultValue":null,"description":"Maximum bar width in px","name":"maxBarWidth","required":false,"type":{"name":"number"}},"minBarSize":{"defaultValue":"0","description":"Sets minimum height of the bar in px","name":"minBarSize","required":false,"type":{"name":"number"}},"orientation":{"defaultValue":null,"description":"Chart orientation, <code>\'horizontal\'</code> by default","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"referenceAreas":{"defaultValue":null,"description":"Reference areas that should be displayed on the chart","name":"referenceAreas","required":false,"type":{"name":"ChartReferenceAreaProps[]"}},"referenceDots":{"defaultValue":null,"description":"Reference dots that should be displayed on the chart","name":"referenceDots","required":false,"type":{"name":"ChartReferenceDotProps[]"}},"referenceLines":{"defaultValue":null,"description":"Reference lines that should be displayed on the chart","name":"referenceLines","required":false,"type":{"name":"ChartReferenceLineProps[]"}},"rightYAxisLabel":{"defaultValue":null,"description":"A label to display next to the right y-axis","name":"rightYAxisLabel","required":false,"type":{"name":"string"}},"rightYAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>YAxis</code> recharts component rendered on the right side","name":"rightYAxisProps","required":false,"type":{"name":"RechartsProps"}},"series":{"defaultValue":null,"description":"An array of objects with <code>name</code> and <code>color</code> keys. Determines which data should be consumed from the <code>data</code> array.","name":"series","required":true,"type":{"name":"BarChartSeries[]"}},"strokeDasharray":{"defaultValue":null,"description":"Dash array for the grid lines and cursor, <code>\'5 5\'</code> by default","name":"strokeDasharray","required":false,"type":{"name":"string | number"}},"textColor":{"defaultValue":null,"description":"Color of the text displayed inside the chart, <code>\'dimmed\'</code> by default","name":"textColor","required":false,"type":{"name":"MantineColor"}},"tickLine":{"defaultValue":null,"description":"Specifies which axis should have tick line, <code>\'y\'</code> by default","name":"tickLine","required":false,"type":{"name":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\"","raw":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\" | undefined","value":[{"value":"undefined"},{"value":"\\"none\\""},{"value":"\\"x\\""},{"value":"\\"y\\""},{"value":"\\"xy\\""}]}},"tooltipAnimationDuration":{"defaultValue":null,"description":"Tooltip position animation duration in ms, <code>0</code> by default","name":"tooltipAnimationDuration","required":false,"type":{"name":"number"}},"tooltipProps":{"defaultValue":null,"description":"Props passed down to the <code>Tooltip</code> component","name":"tooltipProps","required":false,"type":{"name":"RechartsProps"}},"type":{"defaultValue":"\'default\'","description":"Controls how bars are positioned relative to each other","name":"type","required":false,"type":{"name":"BarChartType","raw":"BarChartType | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"stacked\\""},{"value":"\\"percent\\""},{"value":"\\"waterfall\\""}]}},"unit":{"defaultValue":null,"description":"Unit displayed next to each tick in y-axis","name":"unit","required":false,"type":{"name":"string"}},"valueFormatter":{"defaultValue":null,"description":"A function to format values on Y axis and inside the tooltip","name":"valueFormatter","required":false,"type":{"name":"(value: number) => string"}},"valueLabelProps":{"defaultValue":null,"description":"Props passed down to recharts <code>LabelList</code> component","name":"valueLabelProps","required":false,"type":{"name":"((series: BarChartSeries) => Partial<Omit<Props, \\"ref\\">>) | Partial<Props>"}},"withBarValueLabel":{"defaultValue":"false","description":"Determines whether a label with bar value should be displayed on top of each bar, incompatible with <code>type=\\"stacked\\"</code> and <code>type=\\"percent\\"</code>","name":"withBarValueLabel","required":false,"type":{"name":"boolean"}},"withBrush":{"defaultValue":null,"description":"Determines whether a brush (range selector) should be displayed under the chart, <code>false</code> by default","name":"withBrush","required":false,"type":{"name":"boolean"}},"withLegend":{"defaultValue":null,"description":"Determines whether chart legend should be displayed, <code>false</code> by default","name":"withLegend","required":false,"type":{"name":"boolean"}},"withRightYAxis":{"defaultValue":null,"description":"Determines whether additional y-axis should be displayed on the right side of the chart, <code>false</code> by default","name":"withRightYAxis","required":false,"type":{"name":"boolean"}},"withTooltip":{"defaultValue":null,"description":"Determines whether chart tooltip should be displayed, <code>true</code> by default","name":"withTooltip","required":false,"type":{"name":"boolean"}},"withXAxis":{"defaultValue":null,"description":"Determines whether x-axis should be displayed, <code>true</code> by default","name":"withXAxis","required":false,"type":{"name":"boolean"}},"withYAxis":{"defaultValue":null,"description":"Determines whether y-axis should be displayed, <code>true</code> by default","name":"withYAxis","required":false,"type":{"name":"boolean"}},"xAxisLabel":{"defaultValue":null,"description":"A label to display below the x-axis","name":"xAxisLabel","required":false,"type":{"name":"string"}},"xAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>XAxis</code> recharts component","name":"xAxisProps","required":false,"type":{"name":"RechartsProps"}},"yAxisLabel":{"defaultValue":null,"description":"A label to display next to the y-axis","name":"yAxisLabel","required":false,"type":{"name":"string"}},"yAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>YAxis</code> recharts component","name":"yAxisProps","required":false,"type":{"name":"RechartsProps"}}}},"BarsList":{"props":{"autoContrast":{"defaultValue":null,"description":"If set, adjusts text color based on background color","name":"autoContrast","required":false,"type":{"name":"boolean"}},"barColor":{"defaultValue":null,"description":"Default bar background color, used when item does not have color specified","name":"barColor","required":false,"type":{"name":"MantineColor"}},"barGap":{"defaultValue":"5","description":"Controls gap between bars","name":"barGap","required":false,"type":{"name":"MantineSpacing"}},"barHeight":{"defaultValue":"32","description":"Bar height","name":"barHeight","required":false,"type":{"name":"string | number"}},"barTextColor":{"defaultValue":null,"description":"Bar text color, overrides autoContrast","name":"barTextColor","required":false,"type":{"name":"MantineColor"}},"barsLabel":{"defaultValue":null,"description":"Label displayed above the bars column","name":"barsLabel","required":false,"type":{"name":"string"}},"data":{"defaultValue":null,"description":"Data for bars","name":"data","required":true,"type":{"name":"BarsListBarData[]"}},"getBarProps":{"defaultValue":null,"description":"Function to pass props down to the bar depending on the bar data payload","name":"getBarProps","required":false,"type":{"name":"(data: BarsListBarData) => DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>"}},"minBarSize":{"defaultValue":"0","description":"Minimum bar width","name":"minBarSize","required":false,"type":{"name":"string | number"}},"renderBar":{"defaultValue":null,"description":"Function to completely customize bar rendering","name":"renderBar","required":false,"type":{"name":"(data: BarsListBarData, defaultBar: ReactNode) => ReactNode"}},"valueFormatter":{"defaultValue":null,"description":"Function to format value display","name":"valueFormatter","required":false,"type":{"name":"(value: number) => string"}},"valueLabel":{"defaultValue":null,"description":"Label displayed above the values column","name":"valueLabel","required":false,"type":{"name":"string"}}}},"BubbleChart":{"props":{"accessibilityLayer":{"defaultValue":null,"description":"Determines whether the chart should be keyboard-navigable with the recharts accessibility layer, <code>true</code> by default","name":"accessibilityLayer","required":false,"type":{"name":"boolean"}}
1,"color":{"defaultValue":"blue.6","description":"Color of the chart items. Key of <code>theme.colors</code> or any valid CSS color.","name":"color","required":false,"type":{"name":"MantineColor"}},"data":{"defaultValue":null,"description":"Chart data","name":"data","required":true,"type":{"name":"Record<string, any>[]"}},"dataKey":{"defaultValue":null,"description":"Data keys for x, y and z axis","name":"dataKey","required":true,"type":{"name":"BubbleChartDataKey"}},"gridColor":{"defaultValue":null,"description":"Color of the grid and cursor lines, by default depends on color scheme","name":"gridColor","required":false,"type":{"name":"MantineColor"}},"label":{"defaultValue":null,"description":"Chart label displayed next to the x axis","name":"label","required":false,"type":{"name":"string"}},"range":{"defaultValue":null,"description":"Z axis range","name":"range","required":true,"type":{"name":"[number, number]"}},"scatterProps":{"defaultValue":null,"description":"Props passed down to the <code>Scatter</code> component","name":"scatterProps","required":false,"type":{"name":"Partial<Omit<Props, \\"ref\\">>"}},"textColor":{"defaultValue":"\'dimmed\'","description":"Color of the text displayed inside the chart","name":"textColor","required":false,"type":{"name":"MantineColor"}},"tooltipProps":{"defaultValue":null,"description":"Props passed down to the <code>Tooltip</code> component","name":"tooltipProps","required":false,"type":{"name":"RechartsProps"}},"valueFormatter":{"defaultValue":null,"description":"Function to format z axis values","name":"valueFormatter","required":false,"type":{"name":"(value: number) => string"}},"withTooltip":{"defaultValue":"true","description":"Determines whether the tooltip should be displayed","name":"withTooltip","required":false,"type":{"name":"boolean"}},"xAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>XAxis</code> recharts component","name":"xAxisProps","required":false,"type":{"name":"RechartsProps"}},"yAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>YAxis</code> recharts component","name":"yAxisProps","required":false,"type":{"name":"RechartsProps"}},"zAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>ZAxis</code> recharts component","name":"zAxisProps","required":false,"type":{"name":"Omit<Props<any, any>, \\"ref\\">"}}}},"BulletChart":{"props":{"barColor":{"defaultValue":"\'white\'","description":"Color of the actual value bar,","name":"barColor","required":false,"type":{"name":"MantineColor"}},"barSize":{"defaultValue":"16","description":"Height of the actual value bar,","name":"barSize","required":false,"type":{"name":"string | number"}},"getTooltipLabel":{"defaultValue":null,"description":"Custom tooltip content","name":"getTooltipLabel","required":false,"type":{"name":"((data: { value: number; target?: number; }) => ReactNode) | undefined"}},"label":{"defaultValue":null,"description":"Label displayed next to the chart","name":"label","required":false,"type":{"name":"React.ReactNode"}},"orientation":{"defaultValue":"\'horizontal\'","description":"Orientation,","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"ranges":{"defaultValue":null,"description":"Qualitative ranges displayed as background bands","name":"ranges","required":true,"type":{"name":"BulletChartRange[]"}},"size":{"defaultValue":"32","description":"Height of the chart track area (ranges),","name":"size","required":false,"type":{"name":"string | number"}},"target":{"defaultValue":null,"description":"Target value, displayed as a marker line","name":"target","required":false,"type":{"name":"number"}},"targetColor":{"defaultValue":"\'dark\' for light, \'white\' for dark","description":"Color of the target marker,","name":"targetColor","required":false,"type":{"name":"MantineColor"}},"targetRatio":{"defaultValue":"0.7","description":"Target marker size relative to chart size,","name":"targetRatio","required":false,"type":{"name":"number"}},"targetSize":{"defaultValue":"2","description":"Target marker thickness,","name":"targetSize","required":false,"type":{"name":"string | number"}},"value":{"defaultValue":null,"description":"Current actual value","name":"value","required":true,"type":{"name":"number"}},"valueFormatter":{"defaultValue":null,"description":"Value formatter for tooltip/display and labels","name":"valueFormatter","required":false,"type":{"name":"(value: number) => string"}},"withTooltip":{"defaultValue":"false","description":"Whether to show tooltip on hover,","name":"withTooltip","required":false,"type":{"name":"boolean"}}}},"CandlestickChart":{"props":{"accessibilityLayer":{"defaultValue":null,"description":"Determines whether the chart should be keyboard-navigable with the recharts accessibility layer, <code>true</code> by default","name":"accessibilityLayer","required":false,"type":{"name":"boolean"}},"candleStrokeWidth":{"defaultValue":"1","description":"Stroke width of the candle wick and body outline","name":"candleStrokeWidth","required":false,"type":{"name":"number"}},"children":{"defaultValue":null,"description":"Additional components that are rendered inside recharts <code>
1ComposedChart</code> component","name":"children","required":false,"type":{"name":"React.ReactNode"}},"composedChartProps":{"defaultValue":null,"description":"Props passed down to recharts <code>ComposedChart</code> component","name":"composedChartProps","required":false,"type":{"name":"(CartesianChartProps<unknown> & { ref?: Ref<SVGSVGElement>; }) | undefined"}},"data":{"defaultValue":null,"description":"Data used to display chart","name":"data","required":true,"type":{"name":"Record<string, any>[]"}},"dataKey":{"defaultValue":null,"description":"Key of the <code>data</code> object for x-axis values","name":"dataKey","required":true,"type":{"name":"string"}},"dataKeys":{"defaultValue":"`{ open: \'open\', high: \'high\', low: \'low\', close: \'close\' }`","description":"Keys of the <code>data</code> object used to read open, high, low and close values","name":"dataKeys","required":false,"type":{"name":"CandlestickChartDataKeys"}},"downColor":{"defaultValue":"\'red.6\'","description":"Color of candles with <code>close < open</code>, key of <code>theme.colors</code> or any valid CSS color","name":"downColor","required":false,"type":{"name":"MantineColor"}},"gridAxis":{"defaultValue":null,"description":"Specifies which lines should be displayed in the grid, <code>\'x\'</code> by default","name":"gridAxis","required":false,"type":{"name":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\"","raw":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\" | undefined","value":[{"value":"undefined"},{"value":"\\"none\\""},{"value":"\\"x\\""},{"value":"\\"y\\""},{"value":"\\"xy\\""}]}},"gridColor":{"defaultValue":null,"description":"Color of the grid and cursor lines, by default depends on color scheme","name":"gridColor","required":false,"type":{"name":"MantineColor"}},"gridProps":{"defaultValue":null,"description":"Props passed down to the <code>CartesianGrid</code> component","name":"gridProps","required":false,"type":{"name":"RechartsProps"}},"labels":{"defaultValue":"`{ open: \'Open\', high: \'High\', low: \'Low\', close: \'Close\' }`","description":"Labels of open, high, low and close values displayed in the tooltip","name":"labels","required":false,"type":{"name":"Partial<CandlestickChartLabels>"}},"maxCandleWidth":{"defaultValue":null,"description":"Maximum candle width in px","name":"maxCandleWidth","required":false,"type":{"name":"number"}},"referenceAreas":{"defaultValue":null,"description":"Reference areas that should be displayed on the chart","name":"referenceAreas","required":false,"type":{"name":"ChartReferenceAreaProps[]"}},"referenceDots":{"defaultValue":null,"description":"Reference dots that should be displayed on the chart","name":"referenceDots","required":false,"type":{"name":"ChartReferenceDotProps[]"}},"referenceLines":{"defaultValue":null,"description":"Reference lines that should be displayed on the chart","name":"referenceLines","required":false,"type":{"name":"ChartReferenceLineProps[]"}},"strokeDasharray":{"defaultValue":null,"description":"Dash array for the grid lines and cursor, <code>\'5 5\'</code> by default","name":"strokeDasharray","required":false,"type":{"name":"string | number"}},"textColor":{"defaultValue":null,"description":"Color of the text displayed inside the chart, <code>\'dimmed\'</code> by default","name":"textColor","required":false,"type":{"name":"MantineColor"}},"tickLine":{"defaultValue":null,"description":"Specifies which axis should have tick line, <code>\'y\'</code> by default","name":"tickLine","required":false,"type":{"name":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\"","raw":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\" | undefined","value":[{"value":"undefined"},{"value":"\\"none\\""},{"value":"\\"x\\""},{"value":"\\"y\\""},{"value":"\\"xy\\""}]}},"tooltipAnimationDuration":{"defaultValue":null,"description":"Tooltip position animation duration in ms, <code>0</code> by default","name":"tooltipAnimationDuration","required":false,"type":{"name":"number"}},"tooltipProps":{"defaultValue":null,"description":"Props passed down to the <code>Tooltip</code> component","name":"tooltipProps","required":false,"type":{"name":"RechartsProps"}},"unit":{"defaultValue":null,"description":"Unit displayed next to each tick in y-axis","name":"unit","required":false,"type":{"name":"string"}},"upColor":{"defaultValue":"\'teal.6\'","description":"Color of candles with <code>close >= open</code>, key of <code>theme.colors</code> or any valid CSS color","name":"upColor","required":false,"type":{"name":"MantineColor"}},"valueFormatter":{"defaultValue":null,"description":"A function to format values on Y axis and inside the tooltip","name":"valueFormatter","required":false,"type":{"name":"(value: number) => string"}},"withTooltip":{"defaultValue":null,"description":"Determines whether chart tooltip should be displayed, <code>true</code> by default","name":"withTooltip","required":false,"type":{"name":"boolean"}},"withXAxis":{"defaultValue":null,"description":"Determines whether x-axis should be displayed, <code>true</code> by default","name":"withXAxis","required":false,"type":{"name":"boolean"}},"withYAxis":{"defaultValue":null,"description":"Determines whether y-axis should be displayed, <code>true</code> by default","name":"withYAxis","required":false,"type":{"name":"boolean"}},"xAxisLabel":{"defaultValue":null,"description":"A label to display below the x-axis","name":"xAxisLabel","required":false,"type":{"name":"string"}},"xAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>XAxis</code> recharts component","name":"xAxisProps","required":false,"type":{"name":"RechartsProps"}},"yAxisLabel":{"defaultValue":null,"description":"A label to display next to the y-axis","name":"yAxisLabel","required":false,"type":{"name":"string"}},"yAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>YAxis</code> recharts component","name":"yAxisProps","required":false,"type":{"name":"RechartsProps"}}}},"ChartBrush":{"description":"","props":{}},"ChartLegend":{"props":{"centered":{"defaultValue":"false","description":"Determines whether the legend should be centered","name":"centered","required":false,"type":{"name":"boolean"}},"legendPosition":{"defaultValue":null,"description":"Position of the legend relative to the chart, used to apply margin on the corresponding side","name":"legendPosition","required":true,"type":{"name":"\\"bottom\\" | \\"top\\" | \\"middle\\"","raw":"\\"bottom\\" | \\"top\\" | \\"middle\\"","value":[{"value":"\\"bottom\\""}
1,{"value":"\\"top\\""},{"value":"\\"middle\\""}]}},"onHighlight":{"defaultValue":null,"description":"Function called when mouse enters/leaves one of the legend items","name":"onHighlight","required":true,"type":{"name":"(area: string | number | null) => void"}},"payload":{"defaultValue":null,"description":"Chart data provided by recharts","name":"payload","required":true,"type":{"name":"readonly Record<string, any>[]"}},"series":{"defaultValue":null,"description":"Data used for labels, only applicable for area charts: AreaChart, LineChart, BarChart","name":"series","required":false,"type":{"name":"ChartSeries[]"}},"showColor":{"defaultValue":"true","description":"Determines whether color swatch should be shown next to the label","name":"showColor","required":false,"type":{"name":"boolean"}}}},"ChartTooltip":{"props":{"label":{"defaultValue":null,"description":"Main tooltip label","name":"label","required":false,"type":{"name":"React.ReactNode"}},"payload":{"defaultValue":null,"description":"Chart data provided by recharts","name":"payload","required":true,"type":{"name":"Record<string, any>[] | readonly Record<string, any>[]"}},"segmentId":{"defaultValue":null,"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 <code>type=\\"radial\\"</code>. If not set, all data is rendered.","name":"segmentId","required":false,"type":{"name":"string | number"}},"series":{"defaultValue":null,"description":"Chart series data, applicable only for <code>area</code> type","name":"series","required":false,"type":{"name":"ChartSeries[]"}},"showColor":{"defaultValue":"true","description":"Determines whether the color swatch should be visible","name":"showColor","required":false,"type":{"name":"boolean"}},"type":{"defaultValue":"\'area\'","description":"Tooltip type that determines the content and styles, <code>area</code> for LineChart, AreaChart and BarChart, <code>radial</code> for DonutChart and PieChart","name":"type","required":false,"type":{"name":"\\"area\\" | \\"radial\\" | \\"scatter\\"","raw":"\\"area\\" | \\"radial\\" | \\"scatter\\" | undefined","value":[{"value":"undefined"},{"value":"\\"area\\""},{"value":"\\"radial\\""},{"value":"\\"scatter\\""}]}},"unit":{"defaultValue":null,"description":"Data units, provided by parent component","name":"unit","required":false,"type":{"name":"string"}},"valueFormatter":{"defaultValue":null,"description":"A function to format values","name":"valueFormatter","required":false,"type":{"name":"(value: number) => ReactNode"}}}},"CompositeChart":{"props":{"accessibilityLayer":{"defaultValue":null,"description":"Determines whether the chart should be keyboard-navigable with the recharts accessibility layer, <code>true</code> by default","name":"accessibilityLayer","required":false,"type":{"name":"boolean"}},"activeDotProps":{"defaultValue":null,"description":"Props passed down to all active dots. Ignored if <code>withDots={false}</code> is set.","name":"activeDotProps","required":false,"type":{"name":"MantineChartDotProps"}},"areaProps":{"defaultValue":null,"description":"Props passed down to recharts <code>Area</code> component","name":"areaProps","required":false,"type":{"name":"Partial<Omit<Props<any, any>, \\"ref\\">> | ((series: CompositeChartSeries) => Partial<Omit<Props<any, any>, \\"ref\\">>)"}},"barProps":{"defaultValue":null,"description":"Props passed down to recharts <code>Bar</code> component","name":"barProps","required":false,"type":{"name":"Partial<Omit<Props, \\"ref\\">> | ((series: CompositeChartSeries) => Partial<Omit<Props, \\"ref\\">>)"}},"brushProps":{"defaultValue":null,"description":"Props passed down to the <code>Brush</code> component","name":"brushProps","required":false,"type":{"name":"RechartsProps"}},"children":{"defaultValue":null,"description":"Additional components that are rendered inside recharts <code>AreaChart</code> component","name":"children","required":false,"type":{"name":"React.ReactNode"}},"composedChartProps":{"defaultValue":null,"description":"Props passed down to recharts <code>AreaChart</code>
1 component","name":"composedChartProps","required":false,"type":{"name":"(CartesianChartProps<unknown> & { ref?: Ref<SVGSVGElement>; }) | undefined"}},"connectNulls":{"defaultValue":"true","description":"Determines whether points with <code>null</code> values should be connected","name":"connectNulls","required":false,"type":{"name":"boolean"}},"curveType":{"defaultValue":"\'monotone\'","description":"Type of the curve","name":"curveType","required":false,"type":{"name":"CompositeChartCurveType","raw":"CompositeChartCurveType | undefined","value":[{"value":"undefined"},{"value":"\\"step\\""},{"value":"\\"linear\\""},{"value":"\\"bump\\""},{"value":"\\"natural\\""},{"value":"\\"monotone\\""},{"value":"\\"stepBefore\\""},{"value":"\\"stepAfter\\""}]}},"data":{"defaultValue":null,"description":"Data used to display chart","name":"data","required":true,"type":{"name":"Record<string, any>[]"}},"dataKey":{"defaultValue":null,"description":"Key of the <code>data</code> object for x-axis values","name":"dataKey","required":true,"type":{"name":"string"}},"dotProps":{"defaultValue":null,"description":"Props passed down to all dots. Ignored if <code>withDots={false}</code> is set.","name":"dotProps","required":false,"type":{"name":"MantineChartDotProps"}},"gridAxis":{"defaultValue":null,"description":"Specifies which lines should be displayed in the grid, <code>\'x\'</code> by default","name":"gridAxis","required":false,"type":{"name":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\"","raw":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\" | undefined","value":[{"value":"undefined"},{"value":"\\"none\\""},{"value":"\\"x\\""},{"value":"\\"y\\""},{"value":"\\"xy\\""}]}},"gridColor":{"defaultValue":null,"description":"Color of the grid and cursor lines, by default depends on color scheme","name":"gridColor","required":false,"type":{"name":"MantineColor"}},"gridProps":{"defaultValue":null,"description":"Props passed down to the <code>CartesianGrid</code> component","name":"gridProps","required":false,"type":{"name":"RechartsProps"}},"legendProps":{"defaultValue":null,"description":"Props passed down to the <code>Legend</code> component","name":"legendProps","required":false,"type":{"name":"RechartsProps"}},"lineProps":{"defaultValue":null,"description":"Props passed down to recharts <code>Line</code> component","name":"lineProps","required":false,"type":{"name":"((series: CompositeChartSeries) => Partial<Omit<Props, \\"ref\\">>) | Partial<Omit<Props, \\"ref\\">>"}},"maxBarWidth":{"defaultValue":null,"description":"Maximum bar width in px","name":"maxBarWidth","required":false,"type":{"name":"number"}},"minBarSize":{"defaultValue":"0","description":"Sets minimum height of the bar in px","name":"minBarSize","required":false,"type":{"name":"number"}},"referenceAreas":{"defaultValue":null,"description":"Reference areas that should be displayed on the chart","name":"referenceAreas","required":false,"type":{"name":"ChartReferenceAreaProps[]"}},"referenceDots":{"defaultValue":null,"description":"Reference dots that should be displayed on the chart","name":"referenceDots","required":false,"type":{"name":"ChartReferenceDotProps[]"}},"referenceLines":{"defaultValue":null,"description":"Reference lines that should be displayed on the chart","name":"referenceLines","required":false,"type":{"name":"ChartReferenceLineProps[]"}},"rightYAxisLabel":{"defaultValue":null,"description":"A label to display next to the right y-axis","name":"rightYAxisLabel","required":false,"type":{"name":"string"}},"rightYAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>YAxis</code> recharts component rendered on the right side","name":"rightYAxisProps","required":false,"type":{"name":"RechartsProps"}},"series":{"defaultValue":null,"description":"An array of objects with <code>name</code> and <code>color</code> keys. Determines which data should be consumed from the <code>data</code> array.","name":"series","required":true,"type":{"name":"CompositeChartSeries[]"}},"strokeDasharray":{"defaultValue":null,"description":"Dash array for the grid lines and cursor, <code>\'5 5\'</code> by default","name":"strokeDasharray","required":false,"type":{"name":"string | number"}},"strokeWidth":{"defaultValue":"2","description":"Stroke width for the chart lines","name":"strokeWidth","required":false,"type":{"name":"number"}},"textColor":{"defaultValue":null,"description":"Color of the text displayed inside the chart, <code>\'dimmed\'</code> by default","name":"textColor","required":false,"type":{"name":"MantineColor"}},"tickLine":{"defaultValue":null,"description":"Specifies which axis should have tick line, <code>\'y\'</code> by default","name":"tickLine","required":false,"type":{"name":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\"","raw":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\" | undefined","value":[{"value":"undefined"},{"value":"\\"none\\""},{"value":"\\"x\\""},{"value":"\\"y\\""},{"value":"\\"xy\\""}]}},"tooltipAnimationDuration":{"defaultValue":null,"description":"Tooltip position animation duration in ms, <code>0</code> by default","name":"tooltipAnimationDuration","required":false,"type":{"name":"number"}},"tooltipProps":{"defaultValue":null,"description":"Props passed down to the <code>Tooltip</code> component","name":"tooltipProps","required":false,"type":{"name":"RechartsProps"}},"unit":{"defaultValue":null,"description":"Unit displayed next to each tick in y-axis","name":"unit","required":false,"type":{"name":"string"}},"valueFormatter":{"defaultValue":null,"description":"A function to format values on Y axis and inside the tooltip","name":"valueFormatter","required":false,"type":{"name":"(value: number) => string"}},"withBarValueLabel":{"defaultValue":"false","description":"Determines whether a label with bar value should be displayed on top of each bar","name":"withBarValueLabel","required":false,"type":{"name":"boolean"}},"withBrush":{"defaultValue":null,"description":"Determines whether a brush (range selector) should be displayed under the chart, <code>false</code> by default","name":"withBrush","required":false,"type":{"name":"boolean"}},"withDots":{"defaultValue":"true","description":"Determines whether dots should be displayed","
1name":"withDots","required":false,"type":{"name":"boolean"}},"withLegend":{"defaultValue":null,"description":"Determines whether chart legend should be displayed, <code>false</code> by default","name":"withLegend","required":false,"type":{"name":"boolean"}},"withPointLabels":{"defaultValue":"false","description":"Determines whether each point should have associated label","name":"withPointLabels","required":false,"type":{"name":"boolean"}},"withRightYAxis":{"defaultValue":null,"description":"Determines whether additional y-axis should be displayed on the right side of the chart, <code>false</code> by default","name":"withRightYAxis","required":false,"type":{"name":"boolean"}},"withTooltip":{"defaultValue":null,"description":"Determines whether chart tooltip should be displayed, <code>true</code> by default","name":"withTooltip","required":false,"type":{"name":"boolean"}},"withXAxis":{"defaultValue":null,"description":"Determines whether x-axis should be displayed, <code>true</code> by default","name":"withXAxis","required":false,"type":{"name":"boolean"}},"withYAxis":{"defaultValue":null,"description":"Determines whether y-axis should be displayed, <code>true</code> by default","name":"withYAxis","required":false,"type":{"name":"boolean"}},"xAxisLabel":{"defaultValue":null,"description":"A label to display below the x-axis","name":"xAxisLabel","required":false,"type":{"name":"string"}},"xAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>XAxis</code> recharts component","name":"xAxisProps","required":false,"type":{"name":"RechartsProps"}},"yAxisLabel":{"defaultValue":null,"description":"A label to display next to the y-axis","name":"yAxisLabel","required":false,"type":{"name":"string"}},"yAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>YAxis</code> recharts component","name":"yAxisProps","required":false,"type":{"name":"RechartsProps"}}}},"DonutChart":{"props":{"accessibilityLayer":{"defaultValue":null,"description":"Determines whether the chart should be keyboard-navigable with the recharts accessibility layer, <code>true</code> by default","name":"accessibilityLayer","required":false,"type":{"name":"boolean"}},"cellProps":{"defaultValue":null,"description":"Props passed down to each segment of the chart","name":"cellProps","required":false,"type":{"name":"((series: DonutChartCell) => Partial<Omit<SVGProps<SVGElement>, \\"ref\\">>) | Partial<Omit<SVGProps<SVGElement>, \\"ref\\">>"}},"chartLabel":{"defaultValue":null,"description":"Chart label, displayed in the center of the chart","name":"chartLabel","required":false,"type":{"name":"string | number"}},"children":{"defaultValue":null,"description":"Additional elements rendered inside <code>PieChart</code> component","name":"children","required":false,"type":{"name":"React.ReactNode"}},"data":{"defaultValue":null,"description":"Data used to render chart","name":"data","required":true,"type":{"name":"DonutChartCell[]"}},"endAngle":{"defaultValue":"360","description":"Controls angle at which charts ends. Set to <code>0</code> to render the chart as semicircle.","name":"endAngle","required":false,"type":{"name":"number"}},"labelColor":{"defaultValue":null,"description":"Controls text color of all labels, by default depends on color scheme","name":"labelColor","required":false,"type":{"name":"MantineColor"}},"labelsType":{"defaultValue":null,"description":"Type of labels to display, <code>\'value\'</code> by default","name":"labelsType","required":false,"type":{"name":"\\"value\\" | \\"name\\" | \\"percent\\"","raw":"\\"value\\" | \\"name\\" | \\"percent\\" | undefined","value":[{"value":"undefined"},{"value":"\\"value\\""},{"value":"\\"name\\""},{"value":"\\"percent\\""}]}},"legendProps":{"defaultValue":null,"description":"Props passed down to recharts <code>Legend</code> component","name":"legendProps","required":false,"type":{"name":"RechartsProps"}},"paddingAngle":{"defaultValue":"0","description":"Controls padding between segments","name":"paddingAngle","required":false,"type":{"name":"number"}},"pieChartProps":{"defaultValue":null,"description":"Props passed down to recharts <code>PieChart</code> component","name":"pieChartProps","required":false,"type":{"name":"(PolarChartProps<unknown> & { ref?: Ref<SVGSVGElement>; }) | undefined"}},"pieProps":{"defaultValue":null,"description":"Props passed down to recharts <code>Pie</code> component","name":"pieProps","required":false,"type":{"name":"Partial<Omit<Props, \\"ref\\">>"}},"size":{"defaultValue":"160","description":"Controls chart width and height, height is increased by 40 if <code>withLabels</code> prop is set. Cannot be less than <code>thickness</code>.","name":"size","required":false,"type":{"name":"number"}},"startAngle":{"defaultValue":"0","description":"Controls angle at which chart starts. Set to <code>180</code> to render the chart as semicircle.","name":"startAngle","required":false,"type":{"name":"number"}},"strokeColor":{"defaultValue":null,"description":"Controls color of the segments stroke, by default depends on color scheme","name":"strokeColor","required":false,"type":{"name":"MantineColor"}},"strokeWidth":{"defaultValue":"1","description":"Controls width of segments stroke","name":"strokeWidth","required":false,"type":{"name":"number"}},"thickness":{"defaultValue":"20","description":"Controls thickness of the chart segments","name":"thickness","required":false,"type":{"name":"number"}},"tooltipAnimationDuration":{"defaultValue":"0","description":"Tooltip animation duration in ms","name":"tooltipAnimationDuration","required":false,"type":{"name":"number"}},"tooltipDataSource":{"defaultValue":"\'all\'","description":"Determines which data is displayed in the tooltip. <code>\'all\'</code> â display all values, <code>\'segment\'</code> â display only hovered segment.","name":"tooltipDataSource","required":false,"type":{"name":"\\"all\\" | \\"segment\\"","raw":"\\"all\\" | \\"segment\\" | undefined","value":[{"value":"undefined"},{"value":"\\"all\\""},{"value":"\\"segment\\""}]}},"tooltipProps":{"defaultValue":null,"description":"Props passed down to <code>Tooltip</code> recharts component","name":"tooltipProps","required":false,"type":{"name":"RechartsProps"}},"valueFormatter":{"defaultValue":null,"description":"A function to format values inside the tooltip","name":"valueFormatter","required":false,"type":{"name":"(value: number) => string"}},"withLabels":{"defaultValue":"false","description":"Determines whether each segment should have associated label","name":"withLabels","required":false,"type":{"name":"boolean"}},"withLabelsLine":{"defaultValue":"true","description":"Determines whether segments labels should have lines that connect the segment with the label","name":"withLabelsLine","required":false,"type":{"name":"boolean"}},"withLegend":{"defaultValue":"false","description":"Determines whether the legend should be displayed","
1name":"withLegend","required":false,"type":{"name":"boolean"}},"withTooltip":{"defaultValue":"true","description":"Determines whether the tooltip should be displayed when one of the section is hovered","name":"withTooltip","required":false,"type":{"name":"boolean"}}}},"FunnelChart":{"props":{"accessibilityLayer":{"defaultValue":null,"description":"Determines whether the chart should be keyboard-navigable with the recharts accessibility layer, <code>true</code> by default","name":"accessibilityLayer","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Additional elements rendered inside <code>FunnelChart</code> component","name":"children","required":false,"type":{"name":"React.ReactNode"}},"data":{"defaultValue":null,"description":"Data used to render chart","name":"data","required":true,"type":{"name":"FunnelChartCell[]"}},"funnelChartProps":{"defaultValue":null,"description":"Props passed down to recharts <code>FunnelChart</code> component","name":"funnelChartProps","required":false,"type":{"name":"(CartesianChartProps<unknown> & { ref?: Ref<SVGSVGElement>; }) | undefined"}},"funnelProps":{"defaultValue":null,"description":"Props passed down to recharts <code>Pie</code> component","name":"funnelProps","required":false,"type":{"name":"Partial<Omit<Props, \\"ref\\">>"}},"labelColor":{"defaultValue":"\'white\'","description":"Controls text color of all labels","name":"labelColor","required":false,"type":{"name":"MantineColor"}},"labelsPosition":{"defaultValue":"\'right\'","description":"Controls labels position relative to the segment","name":"labelsPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\" | \\"inside\\"","raw":"\\"left\\" | \\"right\\" | \\"inside\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""},{"value":"\\"inside\\""}]}},"legendProps":{"defaultValue":null,"description":"Props passed down to recharts <code>Legend</code> component","name":"legendProps","required":false,"type":{"name":"RechartsProps"}},"size":{"defaultValue":"300","description":"Controls chart width and height","name":"size","required":false,"type":{"name":"number"}},"strokeColor":{"defaultValue":null,"description":"Controls color of the segments stroke, by default depends on color scheme","name":"strokeColor","required":false,"type":{"name":"MantineColor"}},"strokeWidth":{"defaultValue":"1","description":"Controls width of segments stroke","name":"strokeWidth","required":false,"type":{"name":"number"}},"tooltipAnimationDuration":{"defaultValue":"0","description":"Tooltip animation duration in ms","name":"tooltipAnimationDuration","required":false,"type":{"name":"number"}},"tooltipDataSource":{"defaultValue":"\'all\'","description":"Determines which data is displayed in the tooltip. <code>\'all\'</code> â display all values, <code>\'segment\'</code> â display only hovered segment.","name":"tooltipDataSource","required":false,"type":{"name":"\\"all\\" | \\"segment\\"","raw":"\\"all\\" | \\"segment\\" | undefined","value":[{"value":"undefined"},{"value":"\\"all\\""},{"value":"\\"segment\\""}]}},"tooltipProps":{"defaultValue":null,"description":"Props passed down to <code>Tooltip</code> recharts component","name":"tooltipProps","required":false,"type":{"name":"RechartsProps"}},"valueFormatter":{"defaultValue":null,"description":"A function to format values inside the tooltip and labels","name":"valueFormatter","required":false,"type":{"name":"(value: number) => string"}},"withLabels":{"defaultValue":"false","description":"Determines whether each segment should have associated label","name":"withLabels","required":false,"type":{"name":"boolean"}},"withLegend":{"defaultValue":"false","description":"Determines whether the legend should be displayed","name":"withLegend","required":false,"type":{"name":"boolean"}},"withTooltip":{"defaultValue":"true","description":"Determines whether the tooltip should be displayed when a section is hovered","name":"withTooltip","required":false,"type":{"name":"boolean"}}}},"GaugeChart":{"props":{"endAngle":{"defaultValue":"120","description":"End angle in degrees,","name":"endAngle","required":false,"type":{"name":"number"}},"filledColor":{"defaultValue":null,"description":"Color of the filled arc when sections are not provided","name":"filledColor","required":false,"type":{"name":"MantineColor"}},"label":{"defaultValue":null,"description":"Label displayed in the center of the gauge","name":"label","required":false,"type":{"name":"React.ReactNode"}},"max":{"defaultValue":"100","description":"Maximum value of the gauge,","name":"max","required":false,"type":{"name":"number"}},"min":{"defaultValue":"0","description":"Minimum value of the gauge,","name":"min","required":false,"type":{"name":"number"}},"roundCaps":{"defaultValue":"false","description":"Whether to round arc endpoints. With <code>sections</code>, only the outer ends of the first and last sections are rounded.","name":"roundCaps","required":false,"type":{"name":"boolean"}},"sections":{"defaultValue":null,"description":"Threshold sections of the gauge arc, each section is filled from the previous section upper bound to its own <code>value</code>. If set, the arc is not filled based on <code>value</code>.","name":"sections","required":false,"type":{"name":"GaugeChartSection[]"}},"size":{"defaultValue":"200","description":"Chart size (width and height),","name":"size","required":false,"type":{"name":"number"}},"startAngle":{"defaultValue":"-120","description":"Start angle in degrees,","name":"startAngle","required":false,"type":{"name":"number"}},"target":{"defaultValue":null,"description":"Value marked on the arc with a line marker, use to display a goal or the current value of a gauge with <code>sections</code>","name":"target","required":false,"type":{"name":"number"}},"targetColor":{"defaultValue":null,"description":"Color of the target marker","name":"targetColor","required":false,"type":{"name":"MantineColor"}},"targetSize":{"defaultValue":"2","description":"Thickness of the target marker,","name":"targetSize","required":false,"type":{"name":"number"}},"thickness":{"defaultValue":"12","description":"Arc thickness in px,","name":"thickness","required":false,"type":{"name":"number"}},"trackColor":{"defaultValue":null,"description":"Color of the gauge track (unfilled portion)","name":"trackColor","required":false,"type":{"name":"MantineColor"}},"value":{"defaultValue":null,"description":"Current value to display. Fills the arc from <code>min</code> up to <code>value</code>, unless <code>sections</code> is set â then the arc is colored by thresholds and the value is displayed only in the center label.","name":"value","required":true,"type":{"name":"number"}},"valueFormatter":{"defaultValue":"(v) => String(v)","description":"Value formatter for default label,","name":"valueFormatter","required":false,"type":{"name":"(value: number) => string"}}}},"Heatmap":{"props":{"colors":{"defaultValue":null,"description":"Colors array, used to calculate color for each value, by default 4 shades of green colors are used","name":"colors","required":false,"type":{"name":"string[]"}},"data":{"defaultValue":null,"description":"Heatmap data, key is date in <code>YYYY-MM-DD</code> format (interpreted as a UTC calendar day)","name":"data","required":true,"type":{"name":"Record<string, number>"}},"domain":{"defaultValue":null,"description":"Heatmap domain, array of 2 numbers, min and max values, calculated from data by default","name":"domain","required":false,"type":{"name":"[number, number]"}},"endDate":{"defaultValue":null,"description":"Heatmap end date. Current date by default. Date is normalized to UTC midnight of the intended calendar day.","name":"endDate","required":false,"type":{"name":"string | Date"}},"firstDayOfWeek":{"defaultValue":"1 â Monday","description":"First day of week, 0 â Sunday, 1 â Monday.","name":"firstDayOfWeek","required":false,"type":{"name":"0 | 2 | 1 | 3 | 4 | 5 | 6","raw":"0 | 2 | 1 | 3 | 4 | 5 | 6 | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"fontSize":{"defaultValue":"12","description":"Font size of month and weekday labels","name":"fontSize","required":false,"type":{"name":"number"}},"gap":{"defaultValue":"1","description":"Gap between rects in px","name":"gap","required":false,"type":{"name":"number"}},"getRectProps":{"defaultValue":null,"description":"Props passed down to each rect depending on its date and associated value","name":"getRectProps","required":false,"type":{"name":"(input: HeatmapRectData) => SVGProps<SVGRectElement>"}},"getTooltipLabel":{"defaultValue":null,"description":"A function to generate tooltip label based on the hovered rect date and value, required for the tooltip to be visible","name":"getTooltipLabel","required":false,"type":{"name":"(input: HeatmapRectData) => ReactNode"}},"legendLabels":{"defaultValue":"[\'Less\', \'More\']","description":"Legend labels, array of 2 elements: [min label, max label]","name":"legendLabels","required":false,"type":{"name":"[string, string]"}},"monthLabels":{"defaultValue":null,"description":"Month labels, array of 12 elements, can be used for localization","name":"monthLabels","required":false,"type":{"name":"string[]"}},"monthLabelsPosition":{"defaultValue":"\'top\'","description":"Month labels position relative to the heatmap","name":"monthLabelsPosition","required":false,"type":{"name":"\\"bottom\\" | \\"top\\"","raw":"\\"bottom\\" | \\"top\\" | undefined","value":[{"value":"undefined"},{"value":"\\"bottom\\""}
1,{"value":"\\"top\\""}]}},"monthsLabelsHeight":{"defaultValue":"14","description":"Height of month labels row","name":"monthsLabelsHeight","required":false,"type":{"name":"number"}},"rectRadius":{"defaultValue":"2","description":"Rect radius in px","name":"rectRadius","required":false,"type":{"name":"number"}},"rectSize":{"defaultValue":"10","description":"Size of day rect in px","name":"rectSize","required":false,"type":{"name":"number"}},"splitMonths":{"defaultValue":"false","description":"If set, inserts a spacer column between months","name":"splitMonths","required":false,"type":{"name":"boolean"}},"startDate":{"defaultValue":null,"description":"Heatmap start date. Current date - 1 year by default. Date is normalized to UTC midnight of the intended calendar day.","name":"startDate","required":false,"type":{"name":"string | Date"}},"tooltipProps":{"defaultValue":null,"description":"Props passed down to the <code>Tooltip.Floating</code> component","name":"tooltipProps","required":false,"type":{"name":"Partial<TooltipFloatingProps>"}},"weekdayLabels":{"defaultValue":null,"description":"Weekday labels, array of 7 elements, can be used for localization","name":"weekdayLabels","required":false,"type":{"name":"string[]"}},"weekdaysLabelsWidth":{"defaultValue":"30","description":"Width of weekday labels column","name":"weekdaysLabelsWidth","required":false,"type":{"name":"number"}},"withLegend":{"defaultValue":"false","description":"If set, legend with color levels is displayed below the heatmap","name":"withLegend","required":false,"type":{"name":"boolean"}},"withMonthLabels":{"defaultValue":"false","description":"If set, month labels are displayed","name":"withMonthLabels","required":false,"type":{"name":"boolean"}},"withOutsideDates":{"defaultValue":"true","description":"If set, trailing dates that do not fall into the given <code>startDate</code> â <code>endDate</code> range are displayed to fill empty space.","name":"withOutsideDates","required":false,"type":{"name":"boolean"}},"withTooltip":{"defaultValue":"false","description":"If set, tooltip is displayed on rect hover","name":"withTooltip","required":false,"type":{"name":"boolean"}},"withWeekdayLabels":{"defaultValue":"false","description":"If set, weekday labels are displayed","name":"withWeekdayLabels","required":false,"type":{"name":"boolean"}}}},"LineChart":{"props":{"accessibilityLayer":{"defaultValue":null,"description":"Determines whether the chart should be keyboard-navigable with the recharts accessibility layer, <code>true</code> by default","name":"accessibilityLayer","required":false,"type":{"name":"boolean"}},"activeDotProps":{"defaultValue":null,"description":"Props passed down to all active dots. Ignored if <code>withDots={false}</code> is set.","name":"activeDotProps","required":false,"type":{"name":"MantineChartDotProps"}},"brushProps":{"defaultValue":null,"description":"Props passed down to the <code>Brush</code> component","name":"brushProps","required":false,"type":{"name":"RechartsProps"}},"children":{"defaultValue":null,"description":"Additional components that are rendered inside recharts <code>LineChart</code> component","name":"children","required":false,"type":{"name":"React.ReactNode"}},"connectNulls":{"defaultValue":"true","description":"Determines whether points with <code>null</code> values should be connected","name":"connectNulls","required":false,"type":{"name":"boolean"}},"curveType":{"defaultValue":"\'monotone\'","description":"Type of the curve","name":"curveType","required":false,"type":{"name":"LineChartCurveType","raw":"LineChartCurveType | undefined","value":[{"value":"undefined"},{"value":"\\"step\\""},{"value":"\\"linear\\""},{"value":"\\"bump\\""},{"value":"\\"natural\\""},{"value":"\\"monotone\\""},{"value":"\\"stepBefore\\""},{"value":"\\"stepAfter\\""}]}},"data":{"defaultValue":null,"description":"Data used to display chart","name":"data","required":true,"type":{"name":"Record<string, any>[]"}},"dataKey":{"defaultValue":null,"description":"Key of the <code>data</code> object for x-axis values","name":"dataKey","required":true,"type":{"name":"string"}},"dotProps":{"defaultValue":null,"description":"Props passed down to all dots. Ignored if <code>withDots={false}</code> is set.","name":"dotProps","required":false,"type":{"name":"MantineChartDotProps"}},"fillOpacity":{"defaultValue":"1","description":"Controls fill opacity of all lines","name":"fillOpacity","required":false,"type":{"name":"number"}},"gradientStops":{"defaultValue":"[{ offset: 0, color: \'red\' }, { offset: 100, color: \'blue\' }]","description":"Data used to generate gradient stops","name":"gradientStops","required":false,"type":{"name":"LineChartGradientStop[]"}},"gridAxis":{"defaultValue":null,"description":"Specifies which lines should be displayed in the grid, <code>\'x\'</code> by default","name":"gridAxis","required":false,"type":{"name":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\"","raw":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\" | undefined","value":[{"value":"undefined"},{"value":"\\"none\\""},{"value":"\\"x\\""},{"value":"\\"y\\""},{"value":"\\"xy\\""}]}},"gridColor":{"defaultValue":null,"description":"Color of the grid and curs
1or lines, by default depends on color scheme","name":"gridColor","required":false,"type":{"name":"MantineColor"}},"gridProps":{"defaultValue":null,"description":"Props passed down to the <code>CartesianGrid</code> component","name":"gridProps","required":false,"type":{"name":"RechartsProps"}},"legendProps":{"defaultValue":null,"description":"Props passed down to the <code>Legend</code> component","name":"legendProps","required":false,"type":{"name":"RechartsProps"}},"lineChartProps":{"defaultValue":null,"description":"Props passed down to recharts <code>LineChart</code> component","name":"lineChartProps","required":false,"type":{"name":"(CartesianChartProps<unknown> & { ref?: Ref<SVGSVGElement>; }) | undefined"}},"lineProps":{"defaultValue":null,"description":"Props passed down to recharts <code>Line</code> component","name":"lineProps","required":false,"type":{"name":"Partial<Omit<Props, \\"ref\\">> | ((series: LineChartSeries) => Partial<Omit<Props, \\"ref\\">>)"}},"orientation":{"defaultValue":null,"description":"Chart orientation, <code>\'horizontal\'</code> by default","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"referenceAreas":{"defaultValue":null,"description":"Reference areas that should be displayed on the chart","name":"referenceAreas","required":false,"type":{"name":"ChartReferenceAreaProps[]"}},"referenceDots":{"defaultValue":null,"description":"Reference dots that should be displayed on the chart","name":"referenceDots","required":false,"type":{"name":"ChartReferenceDotProps[]"}},"referenceLines":{"defaultValue":null,"description":"Reference lines that should be displayed on the chart","name":"referenceLines","required":false,"type":{"name":"ChartReferenceLineProps[]"}},"rightYAxisLabel":{"defaultValue":null,"description":"A label to display next to the right y-axis","name":"rightYAxisLabel","required":false,"type":{"name":"string"}},"rightYAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>YAxis</code> recharts component rendered on the right side","name":"rightYAxisProps","required":false,"type":{"name":"RechartsProps"}},"series":{"defaultValue":null,"description":"An array of objects with <code>name</code> and <code>color</code> keys. Determines which data should be consumed from the <code>data</code> array.","name":"series","required":true,"type":{"name":"LineChartSeries[]"}},"strokeDasharray":{"defaultValue":null,"description":"Dash array for the grid lines and cursor, <code>\'5 5\'</code> by default","name":"strokeDasharray","required":false,"type":{"name":"string | number"}},"strokeWidth":{"defaultValue":"2","description":"Stroke width for the chart lines","name":"strokeWidth","required":false,"type":{"name":"number"}},"textColor":{"defaultValue":null,"description":"Color of the text displayed inside the chart, <code>\'dimmed\'</code> by default","name":"textColor","required":false,"type":{"name":"MantineColor"}},"tickLine":{"defaultValue":null,"description":"Specifies which axis should have tick line, <code>\'y\'</code> by default","name":"tickLine","required":false,"type":{"name":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\"","raw":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\" | undefined","value":[{"value":"undefined"},{"value":"\\"none\\""},{"value":"\\"x\\""},{"value":"\\"y\\""},{"value":"\\"xy\\""}]}},"tooltipAnimationDuration":{"defaultValue":null,"description":"Tooltip position animation duration in ms, <code>0</code> by default","name":"tooltipAnimationDuration","required":false,"type":{"name":"number"}},"tooltipProps":{"defaultValue":null,"description":"Props passed down to the <code>Tooltip</code> component","name":"tooltipProps","required":false,"type":{"name":"RechartsProps"}},"type":{"defaultValue":"\'default\'","description":"Controls styles of the line","name":"type","required":false,"type":{"name":"LineChartType","raw":"LineChartType | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"gradient\\""}]}},"unit":{"defaultValue":null,"description":"Unit displayed next to each tick in y-axis","name":"unit","required":false,"type":{"name":"string"}},"valueFormatter":{"defaultValue":null,"description":"A function to format values on Y axis and inside the tooltip","name":"valueFormatter","required":false,"type":{"name":"(value: number) => string"}},"withBrush":{"defaultValue":null,"description":"Determines whether a brush (range selector) should be displayed under the chart, <code>false</code> by default","name":"withBrush","required":false,"type":{"name":"boolean"}},"withDots":{"defaultValue":"true","description":"Determines whether dots should be displayed","
1name":"withDots","required":false,"type":{"name":"boolean"}},"withLegend":{"defaultValue":null,"description":"Determines whether chart legend should be displayed, <code>false</code> by default","name":"withLegend","required":false,"type":{"name":"boolean"}},"withPointLabels":{"defaultValue":"false","description":"Determines whether each point should have associated label","name":"withPointLabels","required":false,"type":{"name":"boolean"}},"withRightYAxis":{"defaultValue":null,"description":"Determines whether additional y-axis should be displayed on the right side of the chart, <code>false</code> by default","name":"withRightYAxis","required":false,"type":{"name":"boolean"}},"withTooltip":{"defaultValue":null,"description":"Determines whether chart tooltip should be displayed, <code>true</code> by default","name":"withTooltip","required":false,"type":{"name":"boolean"}},"withXAxis":{"defaultValue":null,"description":"Determines whether x-axis should be displayed, <code>true</code> by default","name":"withXAxis","required":false,"type":{"name":"boolean"}},"withYAxis":{"defaultValue":null,"description":"Determines whether y-axis should be displayed, <code>true</code> by default","name":"withYAxis","required":false,"type":{"name":"boolean"}},"xAxisLabel":{"defaultValue":null,"description":"A label to display below the x-axis","name":"xAxisLabel","required":false,"type":{"name":"string"}},"xAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>XAxis</code> recharts component","name":"xAxisProps","required":false,"type":{"name":"RechartsProps"}},"yAxisLabel":{"defaultValue":null,"description":"A label to display next to the y-axis","name":"yAxisLabel","required":false,"type":{"name":"string"}},"yAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>YAxis</code> recharts component","name":"yAxisProps","required":false,"type":{"name":"RechartsProps"}}}},"MatrixChart":{"props":{"cellRadius":{"defaultValue":"2","description":"Cell border radius,","name":"cellRadius","required":false,"type":{"name":"number"}},"cellSize":{"defaultValue":"20","description":"Cell size in px,","name":"cellSize","required":false,"type":{"name":"number"}},"colors":{"defaultValue":null,"description":"Array of colors for value interpolation, by default 4 shades of green colors are used","name":"colors","required":false,"type":{"name":"DefaultMantineColor[]"}},"data":{"defaultValue":null,"description":"Array of cell objects with x, y, and value","name":"data","required":true,"type":{"name":"MatrixChartData"}},"domain":{"defaultValue":null,"description":"Value domain [min, max] for color interpolation, auto-calculated if not set","name":"domain","required":false,"type":{"name":"[number, number]"}},"emptyColor":{"defaultValue":null,"description":"Color for empty/null cells","name":"emptyColor","required":false,"type":{"name":"MantineColor"}},"fontSize":{"defaultValue":"12","description":"Font size for axis labels,","name":"fontSize","required":false,"type":{"name":"number"}},"gap":{"defaultValue":"1","description":"Gap between cells in px,","name":"gap","required":false,"type":{"name":"number"}},"getCellProps":{"defaultValue":null,"description":"Callback to add custom props to cells","name":"getCellProps","required":false,"type":{"name":"(cell: MatrixChartCell) => SVGProps<SVGRectElement>"}},"getTooltipLabel":{"defaultValue":null,"description":"A function to generate tooltip label based on the hovered cell, required for the tooltip to be visible","name":"getTooltipLabel","required":false,"type":{"name":"(cell: MatrixChartCell) => ReactNode"}},"legendLabels":{"defaultValue":"[\'Less\', \'More\']","description":"Legend labels,","name":"legendLabels","required":false,"type":{"name":"[string, string]"}},"tooltipProps":{"defaultValue":null,"description":"Props passed down to the <code>Tooltip.Floating</code> component","name":"tooltipProps","required":false,"type":{"name":"Partial<TooltipFloatingProps>"}},"withLegend":{"defaultValue":"false","description":"Whether to show legend,","name":"withLegend","required":false,"type":{"name":"boolean"}},"withTooltip":{"defaultValue":"false","description":"If set, tooltip is displayed on cell hover, requires <code>getTooltipLabel</code> to be set","name":"withTooltip","required":false,"type":{"name":"boolean"}},"withXLabels":{"defaultValue":"false","description":"If set, x-axis labels are displayed,","name":"withXLabels","required":false,"type":{"name":"boolean"}},"withYLabels":{"defaultValue":"false","description":"If set, y-axis labels are displayed,","name":"withYLabels","required":false,"type":{"name":"boolean"}},"xLabels":{"defaultValue":null,"description":"Labels for x-axis (columns), displayed along top or bottom","name":"xLabels","required":false,"type":{"name":"string[]"}},"xLabelsHeight":{"defaultValue":"60","description":"Height reserved for x-axis labels,","name":"xLabelsHeight","required":false,"type":{"name":"number"}},"xLabelsPosition":{"defaultValue":"\'bottom\'","description":"X-axis label position,","name":"xLabelsPosition","required":false,"type":{"name":"\\"bottom\\" | \\"top\\"","raw":"\\"bottom\\" | \\"top\\" | undefined","value":[{"value":"undefined"},{"value":"\\"bottom\\""}
1,{"value":"\\"top\\""}]}},"xLabelsRotation":{"defaultValue":"-90","description":"Rotation angle for x-axis labels in degrees,","name":"xLabelsRotation","required":false,"type":{"name":"number"}},"yLabels":{"defaultValue":null,"description":"Labels for y-axis (rows), displayed along left side","name":"yLabels","required":false,"type":{"name":"string[]"}},"yLabelsWidth":{"defaultValue":"60","description":"Width reserved for y-axis labels,","name":"yLabelsWidth","required":false,"type":{"name":"number"}}}},"PieChart":{"props":{"accessibilityLayer":{"defaultValue":null,"description":"Determines whether the chart should be keyboard-navigable with the recharts accessibility layer, <code>true</code> by default","name":"accessibilityLayer","required":false,"type":{"name":"boolean"}},"cellProps":{"defaultValue":null,"description":"Props passed down to each segment of the chart","name":"cellProps","required":false,"type":{"name":"Partial<Omit<SVGProps<SVGElement>, \\"ref\\">> | ((series: PieChartCell) => Partial<Omit<SVGProps<SVGElement>, \\"ref\\">>)"}},"children":{"defaultValue":null,"description":"Additional elements rendered inside <code>PieChart</code> component","name":"children","required":false,"type":{"name":"React.ReactNode"}},"data":{"defaultValue":null,"description":"Data used to render chart","name":"data","required":true,"type":{"name":"PieChartCell[]"}},"endAngle":{"defaultValue":"360","description":"Controls angle at which charts ends. Set to <code>0</code> to render the chart as semicircle.","name":"endAngle","required":false,"type":{"name":"number"}},"labelColor":{"defaultValue":null,"description":"Controls text color of all labels, white by default","name":"labelColor","required":false,"type":{"name":"MantineColor"}},"labelsPosition":{"defaultValue":"\'outside\'","description":"Controls labels position relative to the segment","name":"labelsPosition","required":false,"type":{"name":"\\"outside\\" | \\"inside\\"","raw":"\\"outside\\" | \\"inside\\" | undefined","value":[{"value":"undefined"},{"value":"\\"outside\\""},{"value":"\\"inside\\""}]}},"labelsType":{"defaultValue":"\'value\'","description":"Type of labels to display","name":"labelsType","required":false,"type":{"name":"\\"value\\" | \\"name\\" | \\"percent\\"","raw":"\\"value\\" | \\"name\\" | \\"percent\\" | undefined","value":[{"value":"undefined"},{"value":"\\"value\\""},{"value":"\\"name\\""},{"value":"\\"percent\\""}]}},"legendProps":{"defaultValue":null,"description":"Props passed down to recharts <code>Legend</code> component","name":"legendProps","required":false,"type":{"name":"RechartsProps"}},"paddingAngle":{"defaultValue":"0","description":"Controls padding between segments","name":"paddingAngle","required":false,"type":{"name":"number"}},"pieChartProps":{"defaultValue":null,"description":"Props passed down to recharts <code>PieChart</code> component","name":"pieChartProps","required":false,"type":{"name":"(PolarChartProps<unknown> & { ref?: Ref<SVGSVGElement>; }) | undefined"}},"pieProps":{"defaultValue":null,"description":"Props passed down to recharts <code>Pie</code> component","name":"pieProps","required":false,"type":{"name":"Partial<Omit<Props, \\"ref\\">>"}},"size":{"defaultValue":"160","description":"Controls chart width and height, height is increased by 40 if <code>withLabels</code> prop is set. Cannot be less than <code>thickness</code>.","name":"size","required":false,"type":{"name":"number"}},"startAngle":{"defaultValue":"0","description":"Controls angle at which chart starts. Set to <code>180</code> to render the chart as semicircle.","name":"startAngle","required":false,"type":{"name":"number"}},"strokeColor":{"defaultValue":null,"description":"Controls color of the segments stroke, by default depends on color scheme","name":"strokeColor","required":false,"type":{"name":"MantineColor"}},"strokeWidth":{"defaultValue":"1","description":"Controls width of segments stroke","name":"strokeWidth","required":false,"type":{"name":"number"}},"tooltipAnimationDuration":{"defaultValue":"0","description":"Tooltip animation duration in ms","name":"tooltipAnimationDuration","required":false,"type":{"name":"number"}},"tooltipDataSource":{"defaultValue":"\'all\'","description":"Determines which data is displayed in the tooltip. <code>\'all\'</code> â display all values, <code>\'segment\'</code> â display only hovered segment.","name":"tooltipDataSource","required":false,"type":{"name":"\\"all\\" | \\"segment\\"","raw":"\\"all\\" | \\"segment\\" | undefined","value":[{"value":"undefined"},{"value":"\\"all\\""},{"value":"\\"segment\\""}]}},"tooltipProps":{"defaultValue":null,"description":"Props passed down to <code>Tooltip</code> recharts component","name":"tooltipProps","required":false,"type":{"name":"RechartsProps"}},"valueFormatter":{"defaultValue":null,"description":"A function to format values inside the tooltip","name":"valueFormatter","required":false,"type":{"name":"(value: number) => string"}},"withLabels":{"defaultValue":"false","description":"Determines whether each segment should have associated label","name":"withLabels","required":false,"type":{"name":"boolean"}},"withLabelsLine":{"defaultValue":"true","description":"Determines whether segments labels should have lines that connect the segment with the label","name":"withLabelsLine","required":false,"type":{"name":"boolean"}},"withLegend":{"defaultValue":"false","description":"Determines whether the legend should be displayed","
1name":"withLegend","required":false,"type":{"name":"boolean"}},"withTooltip":{"defaultValue":"false","description":"Determines whether the tooltip should be displayed when one of the section is hovered","name":"withTooltip","required":false,"type":{"name":"boolean"}}}},"PointLabel":{"props":{"value":{"defaultValue":null,"description":"","name":"value","required":false,"type":{"name":"number"}},"valueFormatter":{"defaultValue":null,"description":"","name":"valueFormatter","required":false,"type":{"name":"(value: number) => string"}},"x":{"defaultValue":null,"description":"","name":"x","required":false,"type":{"name":"number"}},"y":{"defaultValue":null,"description":"","name":"y","required":false,"type":{"name":"number"}}}},"RadarChart":{"props":{"accessibilityLayer":{"defaultValue":null,"description":"Determines whether the chart should be keyboard-navigable with the recharts accessibility layer, <code>true</code> by default","name":"accessibilityLayer","required":false,"type":{"name":"boolean"}},"activeDotProps":{"defaultValue":null,"description":"Props passed down to all active dots. Ignored if <code>withDots={false}</code> is set.","name":"activeDotProps","required":false,"type":{"name":"MantineChartDotProps"}},"children":{"defaultValue":null,"description":"Additional components that are rendered inside recharts <code>RadarChart</code> component","name":"children","required":false,"type":{"name":"React.ReactNode"}},"data":{"defaultValue":null,"description":"Data used in the chart","name":"data","required":true,"type":{"name":"Record<string, any>[]"}},"dataKey":{"defaultValue":null,"description":"Key of the <code>data</code> object for axis values","name":"dataKey","required":true,"type":{"name":"string"}},"dotProps":{"defaultValue":null,"description":"Props passed down to all dots. Ignored if <code>withDots={false}</code> is set.","name":"dotProps","required":false,"type":{"name":"MantineChartDotProps"}},"gridColor":{"defaultValue":null,"description":"Controls color of the grid lines. By default, color depends on the color scheme.","name":"gridColor","required":false,"type":{"name":"MantineColor"}},"legendProps":{"defaultValue":null,"description":"Props passed down to recharts Legend component","name":"legendProps","required":false,"type":{"name":"RechartsProps"}},"polarAngleAxisProps":{"defaultValue":null,"description":"Props passed down to recharts PolarAngleAxis component","name":"polarAngleAxisProps","required":false,"type":{"name":"RechartsProps"}},"polarGridProps":{"defaultValue":null,"description":"Props passed down to recharts PolarGrid component","name":"polarGridProps","required":false,"type":{"name":"RechartsProps"}},"polarRadiusAxisProps":{"defaultValue":null,"description":"Props passed down to recharts PolarRadiusAxis component","name":"polarRadiusAxisProps","required":false,"type":{"name":"RechartsProps"}},"radarChartProps":{"defaultValue":null,"description":"Props passed down to recharts RadarChart component","name":"radarChartProps","required":false,"type":{"name":"(PolarChartProps<unknown> & { ref?: Ref<SVGSVGElement>; }) | undefined"}},"radarProps":{"defaultValue":null,"description":"Props passed down to recharts Radar component","name":"radarProps","required":false,"type":{"name":"((series: RadarChartSeries) => Partial<Omit<Props, \\"ref\\">>) | Partial<Omit<Props, \\"ref\\">>"}},"series":{"defaultValue":null,"description":"Determines which data should be consumed from the <code>data</code> array.","name":"series","required":true,"type":{"name":"RadarChartSeries[]"}},"textColor":{"defaultValue":null,"description":"Controls color of all text elements. By default, color depends on the color scheme.","name":"textColor","required":false,"type":{"name":"MantineColor"}},"tooltipAnimationDuration":{"defaultValue":"0","description":"Tooltip position animation duration in ms","name":"tooltipAnimationDuration","required":false,"type":{"name":"number"}},"tooltipProps":{"defaultValue":null,"description":"Props passed down to recharts Tooltip component","name":"tooltipProps","required":false,"type":{"name":"RechartsProps"}},"withDots":{"defaultValue":"false","description":"Determines whether dots should be displayed","
1name":"withDots","required":false,"type":{"name":"boolean"}},"withLegend":{"defaultValue":"false","description":"Determines whether the legend should be displayed","name":"withLegend","required":false,"type":{"name":"boolean"}},"withPolarAngleAxis":{"defaultValue":"true","description":"Determines whether PolarAngleAxis component should be displayed","name":"withPolarAngleAxis","required":false,"type":{"name":"boolean"}},"withPolarGrid":{"defaultValue":"true.","description":"Determines whether PolarGrid component should be displayed","name":"withPolarGrid","required":false,"type":{"name":"boolean"}},"withPolarRadiusAxis":{"defaultValue":"false","description":"Determines whether PolarRadiusAxisProps component should be displayed","name":"withPolarRadiusAxis","required":false,"type":{"name":"boolean"}},"withTooltip":{"defaultValue":"false","description":"Determines whether Tooltip component should be displayed","name":"withTooltip","required":false,"type":{"name":"boolean"}}}},"RadialBarChart":{"props":{"accessibilityLayer":{"defaultValue":null,"description":"Determines whether the chart should be keyboard-navigable with the recharts accessibility layer, <code>true</code> by default","name":"accessibilityLayer","required":false,"type":{"name":"boolean"}},"barSize":{"defaultValue":null,"description":"Size of bars in px, <code>20</code> by default","name":"barSize","required":false,"type":{"name":"number"}},"data":{"defaultValue":null,"description":"Chart data","name":"data","required":true,"type":{"name":"Record<string, any>[]"}},"dataKey":{"defaultValue":null,"description":"Key from data object to use as data key","name":"dataKey","required":true,"type":{"name":"string"}},"emptyBackgroundColor":{"defaultValue":null,"description":"Color of the empty background, by default depends on the color scheme","name":"emptyBackgroundColor","required":false,"type":{"name":"string"}},"endAngle":{"defaultValue":"-270","description":"Angle at which chart ends","name":"endAngle","required":false,"type":{"name":"number"}},"legendProps":{"defaultValue":null,"description":"Props passed down to recharts Legend component","name":"legendProps","required":false,"type":{"name":"RechartsProps"}},"radialBarChartProps":{"defaultValue":null,"description":"Props passed down to recharts RadarChartChart component","name":"radialBarChartProps","required":false,"type":{"name":"(PolarChartProps<unknown> & { ref?: Ref<SVGSVGElement>; }) | undefined"}},"radialBarProps":{"defaultValue":null,"description":"Props passed down to recharts RadialBar component","name":"radialBarProps","required":false,"type":{"name":"Omit<RadialBarProps, \\"ref\\">"}},"startAngle":{"defaultValue":"90","description":"Angle at which chart starts","name":"startAngle","required":false,"type":{"name":"number"}},"tooltipProps":{"defaultValue":null,"description":"Props passed down to <code>Tooltip</code> recharts component","name":"tooltipProps","required":false,"type":{"name":"RechartsProps"}},"withBackground":{"defaultValue":"true","description":"Determines whether empty bars area should be visible","name":"withBackground","required":false,"type":{"name":"boolean"}},"withLabels":{"defaultValue":"false","description":"Determines whether labels should be displayed","name":"withLabels","required":false,"type":{"name":"boolean"}},"withLegend":{"defaultValue":"false","description":"Determines whether the legend should be displayed","name":"withLegend","required":false,"type":{"name":"boolean"}},"withTooltip":{"defaultValue":"true","description":"Determines whether the tooltip should be displayed when one of the bars is hovered","name":"withTooltip","required":false,"type":{"name":"boolean"}}}},"SankeyChart":{"props":{"children":{"defaultValue":null,"description":"Additional elements rendered inside <code>Sankey</code> component","name":"children","required":false,"type":{"name":"React.ReactNode"}},"colors":{"defaultValue":null,"description":"An array of colors used for nodes when no <code>color</code> is set on individual nodes","name":"colors","required":false,"type":{"name":"DefaultMantineColor[]"}},"data":{"defaultValue":null,"description":"Data used to render chart, must include <code>nodes</code> and <code>links</code> arrays","name":"data","required":true,"type":{"name":"SankeyChartData"}},"height":{"defaultValue":"300","description":"Controls chart height","name":"height","required":false,"type":{"name":"number"}},"iterations":{"defaultValue":"32","description":"The number of relaxation iterations","name":"iterations","required":false,"type":{"name":"number"}},"linkColor":{"defaultValue":null,"description":"Default color for links, by default depends on color scheme","name":"linkColor","required":false,"type":{"name":"MantineColor"}},"linkCurvature":{"defaultValue":"0.5","description":"The curvature of links between nodes","name":"linkCurvature","required":false,"type":{"name":"number"}},"linkOpacity":{"defaultValue":"0.4","description":"Opacity of the link fill","name":"linkOpacity","required":false,"type":{"name":"number"}},"nodeColor":{"defaultValue":null,"description":"Default color for nodes, by default depends on color scheme","name":"nodeColor","required":false,"type":{"name":"MantineColor"}},"nodePadding":{"defaultValue":"10","description":"The padding between nodes","name":"nodePadding","required":false,"type":{"name":"number"}},"nodeWidth":{"defaultValue":"10","description":"The width of each node","name":"nodeWidth","required":false,"type":{"name":"number"}},"sankeyProps":{"defaultValue":null,"description":"Props passed down to recharts <code>Sankey</code> component","name":"sankeyProps","required":false,"type":{"name":"Partial<Omit<Props, \\"data\\" | \\"ref\\">>"}},"textColor":{"defaultValue":"dimmed","description":"Controls text color of labels","name":"textColor","required":false,"type":{"name":"MantineColor"}},"tooltipAnimationDuration":{"defaultValue":"0","description":"Tooltip animation duration in ms","name":"tooltipAnimationDuration","required":false,"type":{"name":"number"}},"tooltipProps":{"defaultValue":null,"description":"Props passed down to <code>Tooltip</code> recharts component","name":"tooltipProps","required":false,"type":{"name":"RechartsProps"}},"valueFormatter":{"defaultValue":null,"description":"A function to format values inside the tooltip and node labels","name":"valueFormatter","required":false,"type":{"name":"(value: number) => string"}},"withTooltip":{"defaultValue":"true","description":"Determines whether the tooltip should be displayed when hovered","name":"withTooltip","required":false,"type":{"name":"boolean"}}}},"ScatterChart":{"props":{"accessibilityLayer":{"defaultValue":null,"description":"Determines whether the chart should be keyboard-navigable with the recharts accessibility layer, <code>true</code> by default","name":"accessibilityLayer","required":false,"type":{"name":"boolean"}},"data":{"defaultValue":null,"description":"Data that is used to build the chart","name":"data","required":true,"type":{"name":"ScatterChartSeries[]"}},"dataKey":{"defaultValue":null,"description":"Keys that should be used to retrieve data from the data array on x and y axis","name":"dataKey","required":true,"type":{"name":"{ x: string; y: string; }"}},"gridAxis":{"defaultValue":null,"description":"Specifies which lines should be displayed in the grid, <code>\'x\'</code> by default","name":"gridAxis","required":false,"type":{"name":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\"","raw":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\" | undefined","value":[{"value":"undefined"},{"value":"\\"none\\""},{"value":"\\"x\\""},{"value":"\\"y\\""},{"value":"\\"xy\\""}]}},"gridColor":{"defaultValue":null,"description":"Color of the grid and curs
1or lines, by default depends on color scheme","name":"gridColor","required":false,"type":{"name":"MantineColor"}},"gridProps":{"defaultValue":null,"description":"Props passed down to the <code>CartesianGrid</code> component","name":"gridProps","required":false,"type":{"name":"RechartsProps"}},"labels":{"defaultValue":null,"description":"Labels that should be used instead of keys names in the tooltip","name":"labels","required":false,"type":{"name":"{ x?: string; y?: string | undefined; } | undefined"}},"legendProps":{"defaultValue":null,"description":"Props passed down to the <code>Legend</code> component","name":"legendProps","required":false,"type":{"name":"RechartsProps"}},"orientation":{"defaultValue":null,"description":"Chart orientation, <code>\'horizontal\'</code> by default","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"pointLabels":{"defaultValue":null,"description":"If set, displays labels next to points for the given axis","name":"pointLabels","required":false,"type":{"name":"\\"x\\" | \\"y\\"","raw":"\\"x\\" | \\"y\\" | undefined","value":[{"value":"undefined"},{"value":"\\"x\\""},{"value":"\\"y\\""}]}},"referenceAreas":{"defaultValue":null,"description":"Reference areas that should be displayed on the chart","name":"referenceAreas","required":false,"type":{"name":"ChartReferenceAreaProps[]"}},"referenceDots":{"defaultValue":null,"description":"Reference dots that should be displayed on the chart","name":"referenceDots","required":false,"type":{"name":"ChartReferenceDotProps[]"}},"referenceLines":{"defaultValue":null,"description":"Reference lines that should be displayed on the chart","name":"referenceLines","required":false,"type":{"name":"ChartReferenceLineProps[]"}},"rightYAxisLabel":{"defaultValue":null,"description":"A label to display next to the right y-axis","name":"rightYAxisLabel","required":false,"type":{"name":"string"}},"rightYAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>YAxis</code> recharts component rendered on the right side","name":"rightYAxisProps","required":false,"type":{"name":"RechartsProps"}},"scatterChartProps":{"defaultValue":null,"description":"Props passed down to recharts <code>ScatterChart</code> component","name":"scatterChartProps","required":false,"type":{"name":"(CartesianChartProps<unknown> & { ref?: Ref<SVGSVGElement>; }) | undefined"}},"scatterProps":{"defaultValue":null,"description":"Props passed down to recharts <code>Scatter</code> component","name":"scatterProps","required":false,"type":{"name":"Partial<Omit<Props, \\"ref\\">>"}},"strokeDasharray":{"defaultValue":null,"description":"Dash array for the grid lines and cursor, <code>\'5 5\'</code> by default","name":"strokeDasharray","required":false,"type":{"name":"string | number"}},"textColor":{"defaultValue":null,"description":"Color of the text displayed inside the chart, <code>\'dimmed\'</code> by default","name":"textColor","required":false,"type":{"name":"MantineColor"}},"tickLine":{"defaultValue":null,"description":"Specifies which axis should have tick line, <code>\'y\'</code> by default","name":"tickLine","required":false,"type":{"name":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\"","raw":"\\"none\\" | \\"x\\" | \\"y\\" | \\"xy\\" | undefined","value":[{"value":"undefined"},{"value":"\\"none\\""},{"value":"\\"x\\""},{"value":"\\"y\\""},{"value":"\\"xy\\""}]}},"tooltipAnimationDuration":{"defaultValue":null,"description":"Tooltip position animation duration in ms, <code>0</code> by default","name":"tooltipAnimationDuration","required":false,"type":{"name":"number"}},"tooltipProps":{"defaultValue":null,"description":"Props passed down to the <code>Tooltip</code> component","name":"tooltipProps","required":false,"type":{"name":"RechartsProps"}},"unit":{"defaultValue":null,"description":"Units displayed after value on axis and inside the tooltip","name":"unit","required":false,"type":{"name":"{ x?: string; y?: string | undefined; } | undefined"}},"valueFormatter":{"defaultValue":null,"description":"A function to format values on x/y axis and in the tooltip","name":"valueFormatter","required":false,"type":{"name":"((value: number) => string) | { x?: ((value: number) => string); y?: ((value: number) => string) | undefined; } | undefined"}},"withLegend":{"defaultValue":null,"description":"Determines whether chart legend should be displayed, <code>false</code> by default","name":"withLegend","required":false,"type":{"name":"boolean"}},"withRightYAxis":{"defaultValue":null,"description":"Determines whether additional y-axis should be displayed on the right side of the chart, <code>false</code> by default","name":"withRightYAxis","required":false,"type":{"name":"boolean"}},"withTooltip":{"defaultValue":null,"description":"Determines whether chart tooltip should be displayed, <code>true</code> by default","name":"withTooltip","required":false,"type":{"name":"boolean"}},"withXAxis":{"defaultValue":null,"description":"Determines whether x-axis should be displayed, <code>true</code> by default","name":"withXAxis","required":false,"type":{"name":"boolean"}},"withYAxis":{"defaultValue":null,"description":"Determines whether y-axis should be displayed, <code>true</code> by default","name":"withYAxis","required":false,"type":{"name":"boolean"}},"xAxisLabel":{"defaultValue":null,"description":"A label to display below the x-axis","name":"xAxisLabel","required":false,"type":{"name":"string"}},"xAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>XAxis</code> recharts component","name":"xAxisProps","required":false,"type":{"name":"RechartsProps"}},"yAxisLabel":{"defaultValue":null,"description":"A label to display next to the y-axis","name":"yAxisLabel","required":false,"type":{"name":"string"}},"yAxisProps":{"defaultValue":null,"description":"Props passed down to the <code>YAxis</code> recharts component","name":"yAxisProps","required":false,"type":{"name":"RechartsProps"}}}},"Sparkline":{"props":{"areaProps":{"defaultValue":null,"description":"Props passed down to the underlying recharts <code>Area</code> component","name":"areaProps","required":false,"type":{"name":"Omit<Props<any, any>, \\"data\\" | \\"ref\\" | \\"dataKey\\">"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color","name":"color","required":false,"type":{"name":"MantineColor"}},"connectNulls":{"defaultValue":"true","description":"Determines whether null values should be connected with other values","name":"connectNulls","required":false,"type":{"name":"boolean"}},"curveType":{"defaultValue":"\'linear\'","description":"Type of the curve","name":"curveType","required":false,"type":{"name":"AreaChartCurveType","raw":"AreaChartCurveType | undefined","value":[{"value":"undefined"},{"value":"\\"step\\""},{"value":"\\"linear\\""},{"value":"\\"bump\\""},{"value":"\\"natural\\""},{"value":"\\"monotone\\""},{"value":"\\"stepBefore\\""},{"value":"\\"stepAfter\\""}]}},"data":{"defaultValue":null,"description":"Data used to render the chart","name":"data","required":true,"type":{"name":"(number | null)[]"}},"fillOpacity":{"defaultValue":"0.6","description":"Controls fill opacity of the area","name":"fillOpacity","required":false,"type":{"name":"number"}},"strokeWidth":{"defaultValue":"2","description":"Area stroke width","name":"strokeWidth","required":false,"type":{"name":"number"}},"trendColors":{"defaultValue":null,"description":"If set, <code>color</code> prop is ignored and chart color is determined by the difference between first and last value.","name":"trendColors","required":false,"type":{"name":"SparklineTrendColors"}},"withGradient":{"defaultValue":"true","description":"Determines whether the chart fill should be a gradient","name":"withGradient","required":false,"type":{"name":"boolean"}}}},"SunburstChart":{"props":{"children":{"defaultValue":null,"description":"Additional elements rendered inside <code>SunburstChart</code> component","name":"children","required":false,"type":{"name":"React.ReactNode"}},"data":{"defaultValue":null,"description":"Data used to render chart","name":"data","required":true,"type":{"name":"SunburstChartData[]"}},"dataKey":{"defaultValue":"\'value\'","description":"Key in data object for the value","name":"dataKey","required":false,"type":{"name":"string"}},"endAngle":{"defaultValue":"360","description":"Angle in degrees at which the chart should end","name":"endAngle","required":false,"type":{"name":"number"}},"gap":{"defaultValue":"1","description":"Gap between sectors and rings in px","name":"gap","required":false,"type":{"name":"number"}},"innerRadius":{"defaultValue":"50","description":"Controls the radius of the inner circle at the center of the chart","name":"innerRadius","required":false,"type":{"name":"number"}},"size":{"defaultValue":"300","description":"Controls chart width and height","name":"size","required":false,"type":{"name":"number"}},"startAngle":{"defaultValue":"0","description":"Angle in degrees from which the chart should start","name":"startAngle","required":false,"type":{"name":"number"}},"strokeColor":{"defaultValue":null,"description":"Controls color of the sectors stroke, by default depends on color scheme","name":"strokeColor","required":false,"type":{"name":"MantineColor"}},"sunburstChartProps":{"defaultValue":null,"description":"Props passed down to recharts <code>SunburstChart</code> component","name":"sunburstChartProps","required":false,"type":{"name":"Partial<Omit<SunburstChartProps, \\"data\\" | \\"ref\\" | \\"dataKey\\">>"}},"tooltipAnimationDuration":{"defaultValue":"0","description":"Tooltip animation duration in ms","name":"tooltipAnimationDuration","required":false,"type":{"name":"number"}},"tooltipProps":{"defaultValue":null,"description":"Props passed down to <code>Tooltip</code> recharts component","name":"tooltipProps","required":false,"type":{"name":"RechartsProps"}},"valueFormatter":{"defaultValue":null,"description":"A function to format values inside the tooltip and labels","name":"valueFormatter","required":false,"type":{"name":"(value: number) => string"}},"withLabels":{"defaultValue":"false","description":"Determines whether value labels are displayed inside each sector","name":"withLabels","required":false,"type":{"name":"boolean"}},"withTooltip":{"defaultValue":"true","description":"Determines whether the tooltip should be displayed when a node is hovered","name":"withTooltip","required":false,"type":{"name":"boolean"}}}},"Treemap":{"props":{"aspectRatio":{"defaultValue":"1.618033988749895","description":"The treemap will try to keep every single rectangle\'s aspect ratio near the aspectRatio given","name":"aspectRatio","required":false,"type":{"name":"number"}},"autoContrast":{"defaultValue":null,"description":"Determines whether text color should be adju
1sted based on background color to improve contrast","name":"autoContrast","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Additional elements rendered inside <code>Treemap</code> component","name":"children","required":false,"type":{"name":"React.ReactNode"}},"data":{"defaultValue":null,"description":"Data used to render chart","name":"data","required":true,"type":{"name":"TreemapData[]"}},"dataKey":{"defaultValue":"\'value\'","description":"Key in data object for the value","name":"dataKey","required":false,"type":{"name":"string"}},"height":{"defaultValue":"300","description":"Controls chart height","name":"height","required":false,"type":{"name":"number"}},"strokeColor":{"defaultValue":null,"description":"Controls color of the node stroke, by default depends on color scheme","name":"strokeColor","required":false,"type":{"name":"MantineColor"}},"strokeWidth":{"defaultValue":"1","description":"Controls width of node stroke","name":"strokeWidth","required":false,"type":{"name":"number"}},"textColor":{"defaultValue":"dimmed","description":"Controls text color of labels","name":"textColor","required":false,"type":{"name":"MantineColor"}},"tooltipAnimationDuration":{"defaultValue":"0","description":"Tooltip animation duration in ms","name":"tooltipAnimationDuration","required":false,"type":{"name":"number"}},"tooltipProps":{"defaultValue":null,"description":"Props passed down to <code>Tooltip</code> recharts component","name":"tooltipProps","required":false,"type":{"name":"RechartsProps"}},"treemapProps":{"defaultValue":null,"description":"Props passed down to recharts <code>Treemap</code> component","name":"treemapProps","required":false,"type":{"name":"Partial<Omit<Props<TreemapDataType, any>, \\"data\\" | \\"ref\\" | \\"dataKey\\">>"}},"valueFormatter":{"defaultValue":null,"description":"A function to format values inside the tooltip","name":"valueFormatter","required":false,"type":{"name":"(value: number) => string"}},"withTooltip":{"defaultValue":"true","description":"Determines whether the tooltip should be displayed when a node is hovered","name":"withTooltip","required":false,"type":{"name":"boolean"}}}},"WaffleChart":{"props":{"cellRadius":{"defaultValue":"0","description":"Cell border radius,","name":"cellRadius","required":false,"type":{"name":"number"}},"columns":{"defaultValue":"10","description":"Number of columns,","name":"columns","required":false,"type":{"name":"number"}},"data":{"defaultValue":null,"description":"Array of data segments with name, value, and color","name":"data","required":true,"type":{"name":"WaffleChartCell[]"}},"emptyColor":{"defaultValue":null,"description":"Color of empty (unfilled) cells","name":"emptyColor","required":false,"type":{"name":"MantineColor"}},"fillDirection":{"defaultValue":"\'left-to-right\'","description":"Fill direction,","name":"fillDirection","required":false,"type":{"name":"\\"right-to-left\\" | \\"left-to-right\\" | \\"top-to-bottom\\" | \\"bottom-to-top\\"","raw":"\\"right-to-left\\" | \\"left-to-right\\" | \\"top-to-bottom\\" | \\"bottom-to-top\\" | undefined","value":[{"value":"undefined"},{"value":"\\"right-to-left\\""},{"value":"\\"left-to-right\\""}
1,{"value":"\\"top-to-bottom\\""},{"value":"\\"bottom-to-top\\""}]}},"gap":{"defaultValue":"2","description":"Gap between cells in px,","name":"gap","required":false,"type":{"name":"number"}},"getTooltipLabel":{"defaultValue":null,"description":"Custom tooltip label formatter","name":"getTooltipLabel","required":false,"type":{"name":"(cell: WaffleChartCell & { count: number; }) => ReactNode"}},"legendPosition":{"defaultValue":"\'bottom\'","description":"Legend position,","name":"legendPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\" | \\"bottom\\" | \\"top\\"","raw":"\\"left\\" | \\"right\\" | \\"bottom\\" | \\"top\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""},{"value":"\\"bottom\\""},{"value":"\\"top\\""}]}},"rows":{"defaultValue":"10","description":"Number of rows,","name":"rows","required":false,"type":{"name":"number"}},"size":{"defaultValue":null,"description":"Chart size (width), auto-calculated from columns if not set","name":"size","required":false,"type":{"name":"number"}},"total":{"defaultValue":null,"description":"Total value for the chart, determines how many cells are filled vs empty, sum of all values by default","name":"total","required":false,"type":{"name":"number"}},"withLegend":{"defaultValue":"true","description":"Whether to show legend,","name":"withLegend","required":false,"type":{"name":"boolean"}},"withTooltip":{"defaultValue":"false","description":"Whether to show tooltip on hover,","name":"withTooltip","required":false,"type":{"name":"boolean"}}}},"InputLabel":{"props":{"labelElement":{"defaultValue":"\'label\'","description":"Root element of the label","name":"labelElement","required":false,"type":{"name":"\\"div\\" | \\"label\\"","raw":"\\"div\\" | \\"label\\" | undefined","value":[{"value":"undefined"},{"value":"\\"div\\""},{"value":"\\"label\\""}]}},"required":{"defaultValue":null,"description":"If set, the required asterisk is displayed next to the label","name":"required","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":"\'sm\'","description":"Controls label <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineFontSize"}}}},"InputWrapper":{"props":{"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"id":{"defaultValue":null,"description":"Static id used as base to generate <code>aria-</code> attributes, by default generates random id","name":"id","required":false,"type":{"name":"string"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelElement":{"defaultValue":"\'label\'","description":"Root element for the label. Use <code>\'div\'</code> when wrapper contains multiple input elements and you need to handle <code>htmlFor</code> manually.","name":"labelElement","required":false,"type":{"name":"\\"div\\" | \\"label\\"","raw":"\\"div\\" | \\"label\\" | undefined","value":[{"value":"undefined"},{"value":"\\"div\\""},{"value":"\\"label\\""}]}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Controls size of <code>Input.Label</code>, <code>Input.Description</code> and <code>Input.Error</code> components","name":"size","required":false,"type":{"name":"MantineFontSize"}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}}}},"InputDescription":{"props":{"size":{"defaultValue":"\'sm\'","description":"Controls description <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineFontSize"}}}},"InputError":{"props":{"size":{"defaultValue":"\'sm\'","description":"Controls error <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineFontSize"}}}},"ButtonGroup":{"props":{"borderWidth":{"defaultValue":"1","description":"<code>border-width</code> of the child <code>Button</code> components. Numbers are converted to rem.","name":"borderWidth","required":false,"type":{"name":"string | number"}},"children":{"defaultValue":null,"description":"<code>Button</code> components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"orientation":{"defaultValue":"horizontal","description":"Orientation of the group","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}}}},"ButtonGroupSection":{"props":{"autoContrast":{"defaultValue":null,"description":"If set, adjusts text color based on background color for <code>filled</code> variant","name":"autoContrast","required":false,"type":{"name":"boolean"}},"gradient":{"defaultValue":"theme.defaultGradient","description":"Gradient configuration used when <code>variant=\\"gradient\\"</code>","name":"gradient","required":false,"type":{"name":"MantineGradient"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":"\'sm\'","description":"Controls section <code>height</code>, <code>font-size</code> and horizontal <code>padding</code>","name":"size","required":false,"type":{"name":"ButtonSize"}}}},"AvatarGroup":{"description":"","props":{}},"ActionIconGroup":{"props":{"borderWidth":{"defaultValue":"1","description":"<code>border-width</code> of the child components.","name":"borderWidth","required":false,"type":{"name":"string | number"}},"children":{"defaultValue":null,"description":"<code>ActionIcon</code> and <code>ActionIcon.GroupSection</code> components only","name":"children","required":false,"type":{"name":"React.ReactNode"}},"orientation":{"defaultValue":"\'horizontal\'","description":"Group orientation","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}}}},"PopoverTarget":{"props":{"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"popupType":{"defaultValue":"\'dialog\'","description":"Popup accessible type","name":"popupType","required":false,"type":{"name":"string"}},"refProp":{"defaultValue":null,"description":"Key of the prop that should be used to access element ref","name":"refProp","required":false,"type":{"name":"string"}}}},"PopoverDropdown":{"description":"","props":{}},"PopoverContextMenu":{"props":{"children":{"defaultValue":null,"description":"Element that opens the popover when right-clicked. Dropdown is positioned at the cursor. The trigger element must not call <code>event.preventDefault()</code> in its own <code>onContextMenu</code> handler, otherwise the native context menu is not suppressed.","name":"children","required":true,"type":{"name":"React.ReactNode"}},"disabled":{"defaultValue":null,"description":"If set, the right-click trigger is disabled and the browser\'s default context menu is shown","name":"disabled","required":false,"type":{"name":"boolean"}},"longPressDelay":{"defaultValue":null,"description":"Delay in ms before a touch long-press o
1pens the dropdown on touch devices, <code>500</code> by default","name":"longPressDelay","required":false,"type":{"name":"number"}}}},"Slider":{"props":{"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color, controls color of track and thumb","name":"color","required":false,"type":{"name":"MantineColor"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"number"}},"disabled":{"defaultValue":null,"description":"Disables slider","name":"disabled","required":false,"type":{"name":"boolean"}},"domain":{"defaultValue":"[min, max]","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).","name":"domain","required":false,"type":{"name":"[number, number]"}},"hiddenInputProps":{"defaultValue":null,"description":"Props passed down to the hidden input","name":"hiddenInputProps","required":false,"type":{"name":"React.ComponentProps<\\"input\\">"}},"inverted":{"defaultValue":"false","description":"Determines whether track value representation should be inverted","name":"inverted","required":false,"type":{"name":"boolean"}},"label":{"defaultValue":null,"description":"Function to generate label or any react node to render instead, set to null to disable label","name":"label","required":false,"type":{"name":"ReactNode | ((value: number) => ReactNode)"}},"labelAlwaysOn":{"defaultValue":"false","description":"Determines whether the label should be visible when the slider is not being dragged or hovered","name":"labelAlwaysOn","required":false,"type":{"name":"boolean"}},"labelTransitionProps":{"defaultValue":"{ transition: \'fade\', duration: 0 }","description":"Props passed down to the <code>Transition</code> component","name":"labelTransitionProps","required":false,"type":{"name":"TransitionProps"}},"marks":{"defaultValue":null,"description":"Marks displayed on the track","name":"marks","required":false,"type":{"name":"SliderMark[]"}},"max":{"defaultValue":"100","description":"Maximum possible value","name":"max","required":false,"type":{"name":"number"}},"min":{"defaultValue":"0","description":"Minimal possible value","name":"min","required":false,"type":{"name":"number"}},"name":{"defaultValue":null,"description":"Hidden input name, use with uncontrolled component","name":"name","required":false,"type":{"name":"string"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: number) => void"}}
1,"onChangeEnd":{"defaultValue":null,"description":"Called when user stops dragging slider or changes value with arrows","name":"onChangeEnd","required":false,"type":{"name":"(value: number) => void"}},"orientation":{"defaultValue":"\'horizontal\'","description":"Slider orientation","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"precision":{"defaultValue":null,"description":"Number of significant digits after the decimal point","name":"precision","required":false,"type":{"name":"number"}},"radius":{"defaultValue":"\'xl\'","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"restrictToMarks":{"defaultValue":"false","description":"Determines whether the selection should be only allowed from the given marks array","name":"restrictToMarks","required":false,"type":{"name":"boolean"}},"scale":{"defaultValue":null,"description":"A transformation function to change the scale of the slider","name":"scale","required":false,"type":{"name":"(value: number) => number"}},"showLabelOnHover":{"defaultValue":"true","description":"Determines whether the label should be displayed when the slider is hovered","name":"showLabelOnHover","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":"\'md\'","description":"Controls size of the track","name":"size","required":false,"type":{"name":"MantineSize | number"}},"startPointValue":{"defaultValue":null,"description":"Value at which the filled bar starts. When set, the bar extends from this point toward the current value. Ignored when <code>inverted</code> is set.","name":"startPointValue","required":false,"type":{"name":"number"}},"step":{"defaultValue":"1","description":"Number by which value will be incremented/decremented with thumb drag and arrows","name":"step","required":false,"type":{"name":"number"}},"thumbChildren":{"defaultValue":null,"description":"Content rendered inside thumb","name":"thumbChildren","required":false,"type":{"name":"React.ReactNode"}},"thumbLabel":{"defaultValue":null,"description":"Thumb <code>aria-label</code>","name":"thumbLabel","required":false,"type":{"name":"string"}},"thumbProps":{"defaultValue":null,"description":"Props passed down to thumb element","name":"thumbProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"thumbSize":{"defaultValue":null,"description":"Thumb <code>width</code> and <code>height</code>, by default value is computed based on <code>size</code> prop","name":"thumbSize","required":false,"type":{"name":"string | number"}},"thumbValueText":{"defaultValue":null,"description":"Thumb <code>aria-valuetext</code>. When a function is provided, it receives the scaled value.","name":"thumbValueText","required":false,"type":{"name":"string | ((value: number) => string)"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"number"}}}},"RangeSlider":{"props":{"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color, controls color of track and thumb","name":"color","required":false,"type":{"name":"MantineColor"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"RangeSliderValue"}},"disabled":{"defaultValue":null,"description":"Disables slider","name":"disabled","required":false,"type":{"name":"boolean"}},"domain":{"defaultValue":"[min, max]","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).","name":"domain","required":false,"type":{"name":"[number, number]"}},"hiddenInputProps":{"defaultValue":null,"description":"Props passed down to the hidden input","name":"hiddenInputProps","required":false,"type":{"name":"React.ComponentProps<\\"input\\">"}},"inverted":{"defaultValue":"false","description":"Determines whether track values representation should be inverted","name":"inverted","required":false,"type":{"name":"boolean"}},"label":{"defaultValue":null,"description":"Function to generate label or any react node to render instead, set to null to disable label","name":"label","required":false,"type":{"name":"ReactNode | ((value: number) => ReactNode)"}},"labelAlwaysOn":{"defaultValue":"false","description":"Determines whether the label should be visible when the slider is not being dragged or hovered","name":"labelAlwaysOn","required":false,"type":{"name":"boolean"}},"labelTransitionProps":{"defaultValue":"{ transition: \'fade\', duration: 0 }","description":"Props passed down to the <code>Transition</code> component","name":"labelTransitionProps","required":false,"type":{"name":"TransitionProps"}},"marks":{"defaultValue":null,"description":"Marks displayed on the track","name":"marks","required":false,"type":{"name":"SliderMark[]"}},"max":{"defaultValue":"100","description":"Maximum possible value","name":"max","required":false,"type":{"name":"number"}},"maxRange":{"defaultValue":"Infinity","description":"Maximum range interval","name":"maxRange","required":false,"type":{"name":"number"}},"min":{"defaultValue":"0","description":"Minimal possible value","name":"min","required":false,"type":{"name":"number"}},"minRange":{"defaultValue":"10","description":"Minimal range interval between the two thumbs. Consider this value relative to the total range (max - min).","name":"minRange","required":false,"type":{"name":"number"}},"name":{"defaultValue":null,"description":"Hidden input name, use with uncontrolled component","name":"name","required":false,"type":{"name":"string"}}
1,"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: RangeSliderValue) => void"}},"onChangeEnd":{"defaultValue":null,"description":"Called when user stops dragging slider or changes value with arrows","name":"onChangeEnd","required":false,"type":{"name":"(value: RangeSliderValue) => void"}},"orientation":{"defaultValue":"\'horizontal\'","description":"Slider orientation","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"precision":{"defaultValue":null,"description":"Number of significant digits after the decimal point","name":"precision","required":false,"type":{"name":"number"}},"pushOnOverlap":{"defaultValue":"true","description":"Determines whether the other thumb should be pushed by the current thumb dragging when <code>minRange</code>/<code>maxRange</code> is reached","name":"pushOnOverlap","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"\'xl\'","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"restrictToMarks":{"defaultValue":"false","description":"Determines whether the selection should be only allowed from the given marks array","name":"restrictToMarks","required":false,"type":{"name":"boolean"}},"scale":{"defaultValue":null,"description":"A transformation function to change the scale of the slider","name":"scale","required":false,"type":{"name":"(value: number) => number"}},"showLabelOnHover":{"defaultValue":"true","description":"Determines whether the label should be displayed when the slider is hovered","name":"showLabelOnHover","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":"\'md\'","description":"Controls size of the track","name":"size","required":false,"type":{"name":"MantineSize | number"}},"step":{"defaultValue":"1","description":"Number by which value will be incremented/decremented with thumb drag and arrows","name":"step","required":false,"type":{"name":"number"}},"thumbChildren":{"defaultValue":null,"description":"Content rendered inside thumb","name":"thumbChildren","required":false,"type":{"name":"React.ReactNode"}},"thumbFromLabel":{"defaultValue":null,"description":"First thumb <code>aria-label</code>","name":"thumbFromLabel","required":false,"type":{"name":"string"}},"thumbLabel":{"defaultValue":null,"description":"<code>aria-label</code> for both thumbs (overridden by thumbFromLabel/thumbToLabel if provided)","name":"thumbLabel","required":false,"type":{"name":"string"}},"thumbProps":{"defaultValue":null,"description":"Props passed down to thumb element based on the thumb index","name":"thumbProps","required":false,"type":{"name":"(index: 0 | 1) => DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>"}},"thumbSize":{"defaultValue":null,"description":"Thumb <code>width</code> and <code>height</code>, by default value is computed based on <code>size</code> prop","name":"thumbSize","required":false,"type":{"name":"string | number"}},"thumbToLabel":{"defaultValue":null,"description":"Second thumb <code>aria-label</code>","name":"thumbToLabel","required":false,"type":{"name":"string"}},"thumbValueText":{"defaultValue":null,"description":"<code>aria-valuetext</code> for both thumbs. When a function is provided, it receives the scaled value.","name":"thumbValueText","required":false,"type":{"name":"string | ((value: number) => string)"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"RangeSliderValue"}}}},"SwitchGroup":{"description":"","props":{}},"CheckboxGroup":{"description":"","props":{}},"CheckboxIndicator":{"props":{"autoContrast":{"defaultValue":null,"description":"If set, adjusts icon color based on background color for <code>filled</code> variant","name":"autoContrast","required":false,"type":{"name":"boolean"}},"checked":{"defaultValue":null,"description":"Determines whether the component should have checked styles","name":"checked","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color to set input background color in checked state","name":"color","required":false,"type":{"name":"MantineColor"}},"disabled":{"defaultValue":null,"description":"Indicates disabled state","name":"disabled","required":false,"type":{"name":"boolean"}},"icon":{"defaultValue":null,"description":"Icon for checked or indeterminate state","name":"icon","required":false,"type":{"name":"CheckboxIconComponent"}},"iconColor":{"defaultValue":null,"description":"Key of <code>theme.colors</code> or any valid CSS color to set icon color, by default value depends on <code>theme.autoContrast</code>","name":"iconColor","required":false,"type":{"name":"MantineColor"}},"indeterminate":{"defaultValue":null,"description":"Indeterminate state of the checkbox. If set, <code>checked</code> prop is ignored.","name":"indeterminate","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":"\'sm\'","description":"Controls size of the component","name":"size","required":false,"type":{"name":"MantineSize | number"}}}},"CheckboxCardContext":{"description":"","props":{}},"CheckboxCard":{"props":{"checked":{"defaultValue":null,"description":"Controlled component value","name":"checked","required":false,"type":{"name":"boolean"}},"defaultChecked":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultChecked","required":false,"type":{"name":"boolean"}},"indeterminate":{"defaultValue":null,"description":"Indeterminate state of the checkbox. If set, <code>checked</code> prop is ignored and <code>aria-checked</code> is set to <code>mixed</code>","name":"indeterminate","required":false,"type":{"name":"boolean"}}
1,"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(checked: boolean) => void"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"value":{"defaultValue":null,"description":"Value of the checkbox, used with <code>Checkbox.Group</code>","name":"value","required":false,"type":{"name":"string"}},"withBorder":{"defaultValue":null,"description":"Adds border to the root element","name":"withBorder","required":false,"type":{"name":"boolean"}}}},"RadioGroupContext":{"description":"","props":{}},"RadioGroup":{"props":{"children":{"defaultValue":null,"description":"<code>Radio</code> components and any other elements","name":"children","required":true,"type":{"name":"React.ReactNode"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"Primitive | null"}},"description":{"defaultValue":null,"description":"Contents of <code>Input.Description</code> component. If not set, description is not displayed.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Description</code> component","name":"descriptionProps","required":false,"type":{"name":"InputDescriptionProps & DataAttributes & PlaceholderPolymorphicProps"}},"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute, prevents interactions","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of <code>Input.Error</code> component. If not set, error is not displayed.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Error</code> component","name":"errorProps","required":false,"type":{"name":"InputErrorProps & DataAttributes & PlaceholderPolymorphicProps"}},"id":{"defaultValue":null,"description":"Static id used as base to generate <code>aria-</code> attributes, by default generates random id","name":"id","required":false,"type":{"name":"string"}},"inputContainer":{"defaultValue":"React.Fragment","description":"Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input.","name":"inputContainer","required":false,"type":{"name":"(children: ReactNode) => ReactNode"}},"inputWrapperOrder":{"defaultValue":"[\'label\', \'description\', \'input\', \'error\']","description":"Controls order and visibility of wrapper elements. Only elements included in this array will be rendered.","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of <code>Input.Label</code> component. If not set, label is not displayed.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelElement":{"defaultValue":"\'label\'","description":"Root element for the label. Use <code>\'div\'</code> when wrapper contains multiple input elements and you need to handle <code>htmlFor</code> manually.","name":"labelElement","required":false,"type":{"name":"\\"div\\" | \\"label\\"","raw":"\\"div\\" | \\"label\\" | undefined","value":[{"value":"undefined"},{"value":"\\"div\\""},{"value":"\\"label\\""}]}},"labelProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Label</code> component","name":"labelProps","required":false,"type":{"name":"InputLabelProps & DataAttributes & PlaceholderPolymorphicProps"}},"name":{"defaultValue":null,"description":"<code>name</code> attribute of child radio inputs. By default, <code>name</code> is generated randomly.","name":"name","required":false,"type":{"name":"string"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: Value) => void"}},"readOnly":{"defaultValue":null,"description":"If set, value cannot be changed","name":"readOnly","required":false,"type":{"name":"boolean"}},"required":{"defaultValue":"false","description":"Adds required attribute to the input and a red asterisk on the right side of label","name":"required","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":"\'sm\'","description":"Controls size of the <code>Input.Wrapper</code>","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"success":{"defaultValue":null,"description":"Contents of <code>Input.Success</code> component. If not set, success is not displayed.","name":"success","required":false,"type":{"name":"React.ReactNode"}},"successProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Success</code> component","name":"successProps","required":false,"type":{"name":"InputSuccessProps & DataAttributes & PlaceholderPolymorphicProps"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"Primitive | null"}},"withAsterisk":{"defaultValue":"false","description":"If set, the required asterisk is displayed next to the label. Overrides <code>required</code> prop. Does not add required attribute to the input.","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the <code>Input.Wrapper</code>","name":"wrapperProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}}}},"RadioIndicator":{"props":{"autoContrast":{"defaultValue":null,"description":"If set, adjusts text color based on background color for <code>filled</code> variant","name":"autoContrast","required":false,"type":{"name":"boolean"}},"checked":{"defaultValue":null,"description":"Checked state","name":"checked","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of theme.colors or any valid CSS color to set indicator background color in checked state","name":"color","required":false,"type":{"name":"MantineColor"}},"disabled":{"defaultValue":null,"description":"Disabled state","name":"disabled","required":false,"type":{"name":"boolean"}},"icon":{"defaultValue":null,"description":"A component that replaces the default radio icon (centered dot)","name":"icon","required":false,"type":{"name":"FC<RadioIconProps>"}},"iconColor":{"defaultValue":null,"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","name":"iconColor","required":false,"type":{"name":"MantineColor"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":"\'sm\'","description":"Controls size of the component","name":"size","required":false,"type":{"name":"MantineSize | number"}}}},"RadioCardContext":{"description":"","props":{}},"RadioCard":{"props":{"checked":{"defaultValue":null,"description":"Checked state","name":"checked","required":false,"type":{"name":"boolean"}},"name":{"defaultValue":null,"description":"Value used to associate all related radio cards, required for accessibility if used outside of <code>Radio.Group</code>","name":"name","required":false,"type":{"name":"string"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"value":{"defaultValue":null,"description":"Value of the radio, used with Radio.Group","name":"value","required":false,"type":{"name":"string"}},"withBorder":{"defaultValue":null,"description":"Adds border to the root element","name":"withBorder","required":false,"type":{"name":"boolean"}}}},"TabsTab":{"props":{"children":{"defaultValue":null,"description":"Tab label","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":null,"description":"Key of <code>theme.colors</code> or any valid CSS color, controls tab color based on <code>variant</code>","name":"color","required":false,"type":{"name":"MantineColor"}},"leftSection":{"defaultValue":null,"description":"Content displayed on the left side of the label","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"rightSection":{"defaultValue":null,"description":"Content displayed on the right side of the label","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"size":{"defaultValue":null,"description":"Size passed from parent component, sets <code>data-size</code> if value is not number like","name":"size","required":false,"type":{"name":"string | number"}},"value":{"defaultValue":null,"description":"Value of associated panel","name":"value","required":true,"type":{"name":"string"}}}},"TabsList":{"props":{"children":{"defaultValue":null,"description":"<code>Tabs.Tab</code> components","name":"children","required":true,"type":{"name":"React.ReactNode"}},"grow":{"defaultValue":"false","description":"Determines whether tabs should take all available space","name":"grow","required":false,"type":{"name":"boolean"}},"justify":{"defaultValue":"flex-start","description":"Tabs alignment","name":"justify","required":false,"type":{"name":"JustifyContent"}}}},"TabsPanel":{"props":{"children":{"defaultValue":null,"description":"Panel content","name":"children","required":true,"type":{"name":"React.ReactNode"}},"keepMounted":{"defaultValue":null,"description":"If set, the content is kept mounted, even if <code>keepMounted</code> is set <code>false</code> in the parent <code>Tabs</code> component","name":"keepMounted","required":false,"type":{"name":"boolean"}},"value":{"defaultValue":null,"description":"Value of associated control","name":"value","required":true,"type":{"name":"string"}}}},"AccordionItem":{"props":{"value":{"defaultValue":null,"description":"Value that is used to manage the accordion state","name":"value","required":true,"type":{"name":"string"}}}},"AccordionControl":{"props":{"chevron":{"defaultValue":null,"description":"Custom chevron icon","name":"chevron","required":false,"type":{"name":"React.ReactNode"}},"children":{"defaultValue":null,"description":"Control label","name":"children","required":false,"type":{"name":"React.ReactNode"}}
1,"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute, prevents interactions","name":"disabled","required":false,"type":{"name":"boolean"}},"icon":{"defaultValue":null,"description":"Icon displayed next to the label","name":"icon","required":false,"type":{"name":"React.ReactNode"}}}},"PillGroup":{"description":"","props":{}},"PillsInputField":{"props":{"pointer":{"defaultValue":null,"description":"If set, cursor is changed to pointer","name":"pointer","required":false,"type":{"name":"boolean"}},"type":{"defaultValue":"\'visible\'","description":"Controls input styles when focused. If <code>auto</code> the input is hidden when not focused. If <code>visible</code> the input will always remain visible.","name":"type","required":false,"type":{"name":"\\"hidden\\" | \\"auto\\" | \\"visible\\"","raw":"\\"hidden\\" | \\"auto\\" | \\"visible\\" | undefined","value":[{"value":"undefined"},{"value":"\\"hidden\\""},{"value":"\\"auto\\""},{"value":"\\"visible\\""}]}}}},"PaginationRoot":{"props":{"autoContrast":{"defaultValue":null,"description":"If set, adjusts text color based on the active page background color to ensure sufficient contrast","name":"autoContrast","required":false,"type":{"name":"boolean"}},"boundaries":{"defaultValue":"1","description":"Number of elements visible on the left/right edges","name":"boundaries","required":false,"type":{"name":"number"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code>, active item color","name":"color","required":false,"type":{"name":"MantineColor"}},"defaultValue":{"defaultValue":null,"description":"Active page for uncontrolled component, must be an integer in [1, total] interval","name":"defaultValue","required":false,"type":{"name":"number"}},"disabled":{"defaultValue":null,"description":"Disables all controls, applies disabled styles","name":"disabled","required":false,"type":{"name":"boolean"}},"getItemProps":{"defaultValue":null,"description":"Additional props passed down to controls","name":"getItemProps","required":false,"type":{"name":"(page: number) => Record<string, any>"}},"layout":{"defaultValue":"\'default\'","description":"Determines how the pagination is displayed, <code>\'responsive\'</code> uses CSS container queries to switch between pages and a compact label","name":"layout","required":false,"type":{"name":"\\"default\\" | \\"responsive\\"","raw":"\\"default\\" | \\"responsive\\" | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"responsive\\""}]}},"onChange":{"defaultValue":null,"description":"Called when page changes","name":"onChange","required":false,"type":{"name":"(value: number) => void"}},"onFirstPage":{"defaultValue":null,"description":"Called when first page control is clicked","name":"onFirstPage","required":false,"type":{"name":"() => void"}},"onLastPage":{"defaultValue":null,"description":"Called when last page control is clicked","name":"onLastPage","required":false,"type":{"name":"() => void"}},"onNextPage":{"defaultValue":null,"description":"Called when next page control is clicked","name":"onNextPage","required":false,"type":{"name":"() => void"}},"onPreviousPage":{"defaultValue":null,"description":"Called when previous page control is clicked","name":"onPreviousPage","required":false,"type":{"name":"() => void"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"siblings":{"defaultValue":"1","description":"Number of siblings displayed on the left/right side of the selected page","name":"siblings","required":false,"type":{"name":"number"}},"size":{"defaultValue":"\'md\'","description":"<code>height</code> and <code>min-width</code> of controls","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {}) | \\"input-xs\\" | \\"input-sm\\" | \\"input-md\\" | \\"input-lg\\" | \\"input-xl\\""}},"startValue":{"defaultValue":null,"description":"Starting page number, defaults to 1","name":"startValue","required":false,"type":{"name":"number"}},"total":{"defaultValue":null,"description":"Total number of pages, must be an integer","name":"total","required":true,"type":{"name":"number"}},"value":{"defaultValue":null,"description":"Active page for controlled component, must be an integer in [1, total] interval","name":"value","required":false,"type":{"name":"number"}}}},"PaginationItems":{"props":{"dotsIcon":{"defaultValue":null,"description":"Dots icon component","name":"dotsIcon","required":false,"type":{"name":"PaginationIcon"}}}},"PaginationDots":{"props":{"icon":{"defaultValue":null,"description":"Custom dots icon component, must accept svg element props and size prop","name":"icon","required":false,"type":{"name":"FC<PaginationIconProps>"}}}},"createEdgeComponent":{"props":{"action":{"defaultValue":null,"description":"","name":"action","required":true,"type":{"name":"\\"onNext\\" | \\"onPrevious\\" | \\"onFirst\\" | \\"onLast\\"","raw":"\\"onNext\\" | \\"onPrevious\\" | \\"onFirst\\" | \\"onLast\\"","value":[{"value":"\\"onNext\\""},{"value":"\\"onPrevious\\""},{"value":"\\"onFirst\\""},{"value":"\\"onLast\\""}]}},"icon":{"defaultValue":null,"description":"","name":"icon","required":true,"type":{"name":"FC<PaginationIconProps>"}},"name":{"defaultValue":null,"description":"","name":"name","required":true,"type":{"name":"string"}},"type":{"defaultValue":null,"description":"","name":"type","required":true,"type":{"name":"\\"next\\" | \\"previous\\"","raw":"\\"next\\" | \\"previous\\"","value":[{"value":"\\"next\\""},{"value":"\\"previous\\""}]}}}},"PaginationNext":{"props":{"icon":{"defaultValue":null,"description":"An icon component to replace the default icon","name":"icon","required":false,"type":{"name":"FC<PaginationIconProps>"}}}},"PaginationPrevious":{"props":{"icon":{"defaultValue":null,"description":"An icon component to replace the default icon","name":"icon","required":false,"type":{"name":"FC<PaginationIconProps>"}}}},"PaginationFirst":{"props":{"icon":{"defaultValue":null,"description":"An icon component to replace the default icon","name":"icon","required":false,"type":{"name":"FC<PaginationIconProps>"}}}},"PaginationLast":{"props":{"icon":{"defaultValue":null,"description":"An icon component to replace the default icon","name":"icon","required":false,"type":{"name":"FC<PaginationIconProps>"}}}},"PaginationControl":{"props":{"active":{"defaultValue":null,"description":"Applies active styles, adds <code>data-active</code> attribute","name":"active","required":false,"type":{"name":"boolean"}},"withPadding":{"defaultValue":"true","description":"Applies padding","name":"withPadding","required":false,"type":{"name":"boolean"}}}},"ComboboxOption":{"props":{"active":{"defaultValue":null,"description":"Current active state","name":"active","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":null,"description":"Disabled state","name":"disabled","required":false,"type":{"name":"boolean"}},"selected":{"defaultValue":null,"description":"Current selected state","name":"selected","required":false,"type":{"name":"boolean"}},"value":{"defaultValue":null,"description":"Option value","name":"value","required":true,"type":{"name":"Primitive"}}}},"ComboboxDropdown":{"props":{"hidden":{"defaultValue":null,"description":"Determines whether the dropdown should be hidden, for example, when there are no options to display","name":"hidden","required":false,"type":{"name":"boolean"}}}},"ComboboxTarget":{"props":{"autoComplete":{"defaultValue":null,"description":"Input autocomplete attribute","name":"autoComplete","required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"refProp":{"defaultValue":null,"description":"Key of the prop that is used to access element ref","name":"refProp","required":false,"type":{"name":"string"}},"targetType":{"defaultValue":"input","description":"Determines which events is handled by the target element.\\n<code>button</code> target type handles <code>Space</code> and <code>Enter</code> keys to toggle dropdown opened state.","name":"targetType","required":false,"type":{"name":"\\"button\\" | \\"input\\"","raw":"\\"button\\" | \\"input\\" | undefined","value":[{"value":"undefined"},{"value":"\\"button\\""},{"value":"\\"input\\""}]}},"withAriaAttributes":{"defaultValue":"true","description":"If set, the target has <code>aria-</code> attributes","name":"withAriaAttributes","required":false,"type":{"name":"boolean"}},"withExpandedAttribute":{"defaultValue":"false","description":"If set, the target has <code>aria-expanded</code> attribute","name":"withExpandedAttribute","required":false,"type":{"name":"boolean"}},"withKeyboardNavigation":{"defaultValue":"true","description":"If set, the component responds to keyboard events","name":"withKeyboardNavigation","required":false,"type":{"name":"boolean"}}}},"ComboboxDropdownTarget":{"props":{"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"refProp":{"defaultValue":null,"description":"Key of the prop that should be used to access element ref","name":"refProp","required":false,"type":{"name":"string"}}}},"ComboboxEventsTarget":{"props":{"autoComplete":{"defaultValue":null,"description":"Input autocomplete attribute","name":"autoComplete","required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"refProp":{"defaultValue":null,"description":"Key of the prop is used to access element ref","name":"refProp","required":false,"type":{"name":"string"}},"targetType":{"defaultValue":"input","description":"Determines which events should be handled by the target element.\\n<code>button</code> target type handles <code>Space</code> and <code>Enter</code> keys to toggle dropdown opened state.","name":"targetType","required":false,"type":{"name":"\\"button\\" | \\"input\\"","raw":"\\"button\\" | \\"input\\" | undefined","value":[{"value":"undefined"},{"value":"\\"button\\""},{"value":"\\"input\\""}]}},"withAriaAttributes":{"defaultValue":"true","description":"If set, the target has <code>aria-</code> attributes","name":"withAriaAttributes","required":false,"type":{"name":"boolean"}},"withExpandedAttribute":{"defaultValue":"false","description":"If set, the target has <code>aria-expanded</code> attribute","name":"withExpandedAttribute","required":false,"type":{"name":"boolean"}},"withKeyboardNavigation":{"defaultValue":"true","description":"If set, the component responds to the keyboard events","name":"withKeyboardNavigation","required":false,"type":{"name":"boolean"}}}},"ComboboxGroup":{"props":{"label":{"defaultValue":null,"description":"Group label","name":"label","required":false,"type":{"name":"React.ReactNode"}}}},"AppShellAside":{"props":{"withBorder":{"defaultValue":null,"description":"If set, component haves a border, overrides <code>withBorder</code> prop on <code>AppShell</code> component","name":"withBorder","required":false,"type":{"name":"boolean"}}
1,"zIndex":{"defaultValue":null,"description":"Sets <code>z-index</code>. Inherited from the <code>AppShell</code> by default.","name":"zIndex","required":false,"type":{"name":"React.CSSProperties[\\"zIndex\\"]"}}}},"AppShellNavbar":{"props":{"withBorder":{"defaultValue":null,"description":"If set, component haves a border, overrides <code>withBorder</code> prop on <code>AppShell</code> component","name":"withBorder","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"Sets <code>z-index</code>. Inherited from the <code>AppShell</code> by default.","name":"zIndex","required":false,"type":{"name":"React.CSSProperties[\\"zIndex\\"]"}}}},"AppShellHeader":{"props":{"withBorder":{"defaultValue":null,"description":"If set, component haves a border, overrides <code>withBorder</code> prop on <code>AppShell</code> component","name":"withBorder","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"Sets <code>z-index</code>. Inherited from the <code>AppShell</code> by default.","name":"zIndex","required":false,"type":{"name":"React.CSSProperties[\\"zIndex\\"]"}}}},"AppShellFooter":{"props":{"withBorder":{"defaultValue":null,"description":"If set, component haves a border, overrides <code>withBorder</code> prop on <code>AppShell</code> component","name":"withBorder","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"Sets <code>z-index</code>. Inherited from the <code>AppShell</code> by default.","name":"zIndex","required":false,"type":{"name":"React.CSSProperties[\\"zIndex\\"]"}}}},"AppShellSection":{"props":{"grow":{"defaultValue":null,"description":"If set, the section expands to take all available space","name":"grow","required":false,"type":{"name":"boolean"}}}},"GridCol":{"props":{"align":{"defaultValue":null,"description":"Vertical alignment of the column, controls <code>align-self</code> CSS property","name":"align","required":false,"type":{"name":"StyleProp<AlignSelf>"}},"offset":{"defaultValue":null,"description":"Column start offset â number of empty columns before this column","name":"offset","required":false,"type":{"name":"StyleProp<number>"}},"order":{"defaultValue":null,"description":"Column order, use to reorder columns at different viewport sizes","name":"order","required":false,"type":{"name":"StyleProp<number>"}},"span":{"defaultValue":"12","description":"Column span","name":"span","required":false,"type":{"name":"StyleProp<ColSpan>"}}}},"HoverCardTarget":{"props":{"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"eventPropsWrapperName":{"defaultValue":"undefined (event listeners passed directly to component)","description":"Name of the prop to wrap event listeners in.\\nUse when the target component expects event listeners in a nested object.\\nFor example, some components expect <code>componentProps={{ onMouseEnter, onMouseLeave }}</code>.","name":"eventPropsWrapperName","required":false,"type":{"name":"string"}},"popupType":{"defaultValue":"\'dialog\'","description":"Popup accessible type","name":"popupType","required":false,"type":{"name":"string"}},"refProp":{"defaultValue":null,"description":"Key of the prop that should be used to access element ref","name":"refProp","required":false,"type":{"name":"string"}}}},"HoverCardGroup":{"props":{"children":{"defaultValue":null,"description":"<code>HoverCard</code> components","name":"children","required":true,"type":{"name":"React.ReactNode"}},"closeDelay":{"defaultValue":null,"description":"Close delay in ms","name":"closeDelay","required":false,"type":{"name":"number"}},"openDelay":{"defaultValue":null,"description":"Open delay in ms","name":"openDelay","required":false,"type":{"name":"number"}}}},"MenuItem":{"props":{"children":{"defaultValue":null,"description":"Item label","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeMenuOnClick":{"defaultValue":null,"description":"Controls whether the menu closes when this item is clicked. When undefined, inherits from Menu\'s <code>closeOnItemClick</code> prop. When true or false, overrides the Menu-level setting","name":"closeMenuOnClick","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":null,"description":"Key of <code>theme.colors</code> or any valid CSS color","name":"color","required":false,"type":{"name":"MantineColor"}}
1,"disabled":{"defaultValue":null,"description":"Sets disabled attribute, applies disabled styles","name":"disabled","required":false,"type":{"name":"boolean"}},"leftSection":{"defaultValue":null,"description":"Section displayed at the start of the label","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"rightSection":{"defaultValue":null,"description":"Section displayed at the end of the label","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}}}},"MenuTarget":{"props":{"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"refProp":{"defaultValue":"\'ref\'","description":"Key of the prop used to get element ref, useful for forwarding refs to custom components","name":"refProp","required":false,"type":{"name":"string"}}}},"MenuSearch":{"props":{"clearSearchOnClose":{"defaultValue":"true","description":"If set, clears the search value after the menu close transition completes. Requires a controlled <code>value</code>/<code>onChange</code> pair.","name":"clearSearchOnClose","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Determines whether the input should have error styles and <code>aria-invalid</code> attribute","name":"error","required":false,"type":{"name":"React.ReactNode"}},"id":{"defaultValue":null,"description":"Input element id","name":"id","required":false,"type":{"name":"string"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"multiline":{"defaultValue":"false","description":"Adjusts padding and sizing calculations for multiline inputs (use with <code>component=\\"textarea\\"</code>). Does not make the input multiline by itself.","name":"multiline","required":false,"type":{"name":"boolean"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}}
1,"required":{"defaultValue":null,"description":"Sets <code>required</code> attribute on the <code>input</code> element","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"rootRef":{"defaultValue":null,"description":"Root element ref","name":"rootRef","required":false,"type":{"name":"Ref<HTMLDivElement>"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Determines whether the input should have success styles","name":"success","required":false,"type":{"name":"React.ReactNode"}},"withAria":{"defaultValue":"true","description":"Determines whether <code>aria-</code> and other accessibility attributes should be added to the input. Only disable when implementing custom accessibility handling.","name":"withAria","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element of the <code>Input</code> component","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"MenuCheckboxItem":{"props":{"checkIcon":{"defaultValue":null,"description":"Replaces the default check icon rendered in the indicator slot when the item is checked. Overrides <code>checkIcon</code> set on <code>Menu</code>.","name":"checkIcon","required":false,"type":{"name":"React.ReactNode"}},"checked":{"defaultValue":null,"description":"Controlled checked state. Overrides selection derived from the parent <code>Menu.CheckboxGroup</code>.","name":"checked","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Item label","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeMenuOnClick":{"defaultValue":null,"description":"If set, closes the menu when this item is clicked. By default, checkbox items do not close the menu.","name":"closeMenuOnClick","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":null,"description":"Key of <code>theme.colors</code> or any valid CSS color","name":"color","required":false,"type":{"name":"MantineColor"}},"defaultChecked":{"defaultValue":null,"description":"Uncontrolled default checked state. Ignored when the item is used inside <code>Menu.CheckboxGroup</code>.","name":"defaultChecked","required":false,"type":{"name":"boolean"}}
1,"disabled":{"defaultValue":null,"description":"Sets disabled attribute, applies disabled styles","name":"disabled","required":false,"type":{"name":"boolean"}},"onChange":{"defaultValue":null,"description":"Called when checked state changes. Overrides <code>onChange</code> of the parent <code>Menu.CheckboxGroup</code>.","name":"onChange","required":false,"type":{"name":"(checked: boolean) => void"}},"rightSection":{"defaultValue":null,"description":"Section displayed at the end of the label","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"value":{"defaultValue":null,"description":"Value of the checkbox item. When used inside <code>Menu.CheckboxGroup</code>, determines whether the item is checked and what value is added/removed on toggle.","name":"value","required":false,"type":{"name":"string"}}}},"MenuRadioItem":{"props":{"checkIcon":{"defaultValue":null,"description":"Replaces the default radio indicator rendered when the item is selected. Overrides <code>checkIcon</code> set on <code>Menu</code>.","name":"checkIcon","required":false,"type":{"name":"React.ReactNode"}},"checked":{"defaultValue":null,"description":"Overrides selected state determined by the parent <code>Menu.RadioGroup</code>.","name":"checked","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Item label","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeMenuOnClick":{"defaultValue":null,"description":"If set, closes the menu when this item is clicked. By default, radio items do not close the menu.","name":"closeMenuOnClick","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":null,"description":"Key of <code>theme.colors</code> or any valid CSS color","name":"color","required":false,"type":{"name":"MantineColor"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute, applies disabled styles","name":"disabled","required":false,"type":{"name":"boolean"}},"onChange":{"defaultValue":null,"description":"Called with the item value when item is selected. Overrides <code>onChange</code> of the parent <code>Menu.RadioGroup</code>.","name":"onChange","required":false,"type":{"name":"(value: string) => void"}},"rightSection":{"defaultValue":null,"description":"Section displayed at the end of the label","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"value":{"defaultValue":null,"description":"Value of the radio item. Used by the parent <code>Menu.RadioGroup</code> to determine which item is selected.","name":"value","required":true,"type":{"name":"string"}}}},"MenuRadioGroup":{"props":{"children":{"defaultValue":null,"description":"<code>Menu.RadioItem</code> components and other elements","name":"children","required":false,"type":{"name":"React.ReactNode"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled default selected value","name":"defaultValue","required":false,"type":{"name":"string | null"}},"onChange":{"defaultValue":null,"description":"Called with the new value when a <code>Menu.RadioItem</code> is selected","name":"onChange","required":false,"type":{"name":"(value: string) => void"}},"value":{"defaultValue":null,"description":"Controlled selected value","name":"value","required":false,"type":{"name":"string | null"}}}},"MenuCheckboxGroup":{"props":{"children":{"defaultValue":null,"description":"<code>Menu.CheckboxItem</code> components and other elements","name":"children","required":false,"type":{"name":"React.ReactNode"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled default selected values","name":"defaultValue","required":false,"type":{"name":"string[]"}},"onChange":{"defaultValue":null,"description":"Called with the new array of selected values when a <code>Menu.CheckboxItem</code> is toggled","name":"onChange","required":false,"type":{"name":"(value: string[]) => void"}},"value":{"defaultValue":null,"description":"Controlled selected values","name":"value","required":false,"type":{"name":"string[]"}}}},"MenuContextMenu":{"props":{"children":{"defaultValue":null,"description":"Element that opens the menu when right-clicked. Menu dropdown is positioned at the cursor. The trigger element must not call <code>event.preventDefault()</code> in its own <code>onContextMenu</code> handler, otherwise the native context menu is not suppressed.","name":"children","required":true,"type":{"name":"React.ReactNode"}},"disabled":{"defaultValue":null,"description":"If set, the right-click trigger is disabled and the browser\'s default context menu is shown","name":"disabled","required":false,"type":{"name":"boolean"}},"longPressDelay":{"defaultValue":null,"description":"Delay in ms before a touch long-press o
1pens the dropdown on touch devices, <code>500</code> by default","name":"longPressDelay","required":false,"type":{"name":"number"}}}},"MenuSub":{"props":{"arrowOffset":{"defaultValue":"5","description":"Arrow offset in px","name":"arrowOffset","required":false,"type":{"name":"number"}},"arrowPosition":{"defaultValue":null,"description":"Arrow position","name":"arrowPosition","required":false,"type":{"name":"\'center\' | \'side\'","raw":"ArrowPosition | undefined","value":[{"value":"undefined"},{"value":"\\"center\\""},{"value":"\\"side\\""},{"value":"\\"merge\\""}]}},"arrowRadius":{"defaultValue":"0","description":"Arrow <code>border-radius</code> in px","name":"arrowRadius","required":false,"type":{"name":"number"}},"arrowSize":{"defaultValue":"7","description":"Arrow size in px","name":"arrowSize","required":false,"type":{"name":"number"}},"closeDelay":{"defaultValue":null,"description":"Close delay in ms, applicable when hover trigger is used","name":"closeDelay","required":false,"type":{"name":"number"}},"disabled":{"defaultValue":null,"description":"If set, popover dropdown will not be rendered","name":"disabled","required":false,"type":{"name":"boolean"}},"floatingStrategy":{"defaultValue":"\'absolute\'","description":"Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy)","name":"floatingStrategy","required":false,"type":{"name":"FloatingStrategy","raw":"FloatingStrategy | undefined","value":[{"value":"undefined"},{"value":"\\"fixed\\""},{"value":"\\"absolute\\""}]}},"hideDetached":{"defaultValue":"true","description":"If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen","name":"hideDetached","required":false,"type":{"name":"boolean"}},"keepMounted":{"defaultValue":null,"description":"If set, the dropdown is not unmounted from the DOM when hidden. <code>display: none</code> styles are added instead.","name":"keepMounted","required":false,"type":{"name":"boolean"}},"keepMountedMode":{"defaultValue":"\'activity\'","description":"Controls how the dropdown is hidden when <code>keepMounted</code> is set:\\n<code>\'activity\'</code> â hidden with React 19 <code>Activity</code> component,\\n<code>\'display-none\'</code> â hidden with <code>display: none</code> styles","name":"keepMountedMode","required":false,"type":{"name":"\\"activity\\" | \\"display-none\\"","raw":"\\"activity\\" | \\"display-none\\" | undefined","value":[{"value":"undefined"},{"value":"\\"activity\\""},{"value":"\\"display-none\\""}]}},"middlewares":{"defaultValue":"{ flip: true, shift: true, inline: false }","description":"Floating ui middlewares to configure position handling","name":"middlewares","required":false,"type":{"name":"PopoverMiddlewares"}},"offset":{"defaultValue":"0","description":"Offset of the dropdown element","name":"offset","required":false,"type":{"name":"number | FloatingAxesOffsets"}},"onChange":{"defaultValue":null,"description":"Called with current state when dropdown opens or closes","name":"onChange","required":false,"type":{"name":"(opened: boolean) => void"}},"onClose":{"defaultValue":null,"description":"Called when dropdown closes","name":"onClose","required":false,"type":{"name":"() => void"}},"onDismiss":{"defaultValue":null,"description":"Called when the popover is dismissed by clicking outside or by pressing escape","name":"onDismiss","required":false,"type":{"name":"() => void"}},"onEnterTransitionEnd":{"defaultValue":null,"description":"Called when enter transition ends","name":"onEnterTransitionEnd","required":false,"type":{"name":"() => void"}},"onExitTransitionEnd":{"defaultValue":null,"description":"Called when exit transition ends","name":"onExitTransitionEnd","required":false,"type":{"name":"() => void"}},"onOpen":{"defaultValue":null,"description":"Called when dropdown opens","name":"onOpen","required":false,"type":{"name":"() => void"}},"onPositionChange":{"defaultValue":null,"description":"Called when dropdown position changes","name":"onPositionChange","required":false,"type":{"name":"(position: FloatingPosition) => void"}},"openDelay":{"defaultValue":null,"description":"Open delay in ms, applicable when hover trigger is used","name":"openDelay","required":false,"type":{"name":"number"}},"opened":{"defaultValue":null,"description":"Controlled opened state","name":"opened","required":false,"type":{"name":"boolean"}},"overlayProps":{"defaultValue":null,"description":"Props passed down to <code>Overlay</code> component","name":"overlayProps","required":false,"type":{"name":"OverlayProps & ElementProps<\\"div\\">"}},"position":{"defaultValue":"\'right-start\'","description":"Dropdown position relative to the target element","name":"position","required":false,"type":{"name":"FloatingPosition","raw":"FloatingPosition | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""},{"value":"\\"bottom\\""}
1,{"value":"\\"top\\""},{"value":"\\"left-end\\""},{"value":"\\"left-start\\""},{"value":"\\"right-end\\""},{"value":"\\"right-start\\""},{"value":"\\"bottom-end\\""},{"value":"\\"bottom-start\\""},{"value":"\\"top-end\\""},{"value":"\\"top-start\\""}]}},"preventPositionChangeWhenVisible":{"defaultValue":"true","description":"If <code>true</code>, the dropdown picks its side on open (flip runs once, preferring the <code>position</code> 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 <code>shift</code> middleware. Set to <code>false</code> to keep flip active and allow the dropdown to re-flip on every change.","name":"preventPositionChangeWhenVisible","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"returnFocus":{"defaultValue":"false","description":"Determines whether focus should be automatically returned to control when dropdown closes","name":"returnFocus","required":false,"type":{"name":"boolean"}},"safeAreaPolygon":{"defaultValue":"true","description":"Determines whether submenu stays open while the cursor moves toward its dropdown. Pass an object to configure safe polygon behavior.","name":"safeAreaPolygon","required":false,"type":{"name":"boolean | SafePolygonOptions"}},"shadow":{"defaultValue":null,"description":"Key of <code>theme.shadows</code> or any other valid CSS <code>box-shadow</code> value","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"transitionProps":{"defaultValue":"{ duration: 0 }","description":"Props passed down to the <code>Transition</code> component that used to animate dropdown presence, use to configure duration and animation type","name":"transitionProps","required":false,"type":{"name":"TransitionProps"}},"width":{"defaultValue":"\'max-content\'","description":"Dropdown width, or <code>\'target\'</code> to make dropdown width the same as target element","name":"width","required":false,"type":{"name":"PopoverWidth"}},"withArrow":{"defaultValue":"false","description":"Determines whether component should have an arrow","name":"withArrow","required":false,"type":{"name":"boolean"}},"withOverlay":{"defaultValue":"false","description":"Determines whether the overlay should be displayed when the dropdown is opened","name":"withOverlay","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":"300","description":"Dropdown <code>z-index</code>","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"MenuSub.Target":{"props":{"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"refProp":{"defaultValue":"\'ref\'","description":"Key of the prop used to get element ref","name":"refProp","required":false,"type":{"name":"string"}}}},"MenuSub.Dropdown":{"description":"","props":{}},"MenuSub.Item":{"props":{"children":{"defaultValue":null,"description":"Item label","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeMenuOnClick":{"defaultValue":null,"description":"If set, the menu is closed when the item is clicked. Overrides <code>closeOnItemClick</code> prop on the <code>Menu</code> component.","name":"closeMenuOnClick","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":null,"description":"Key of <code>theme.colors</code> or any valid CSS color","name":"color","required":false,"type":{"name":"MantineColor"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute, applies disabled styles","name":"disabled","required":false,"type":{"name":"boolean"}},"leftSection":{"defaultValue":null,"description":"Section displayed at the start of the label","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"rightSection":{"defaultValue":null,"description":"Section displayed at the end of the label","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}}}},"MenuSubItem":{"props":{"children":{"defaultValue":null,"description":"Item label","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeMenuOnClick":{"defaultValue":null,"description":"If set, the menu is closed when the item is clicked. Overrides <code>closeOnItemClick</code> prop on the <code>Menu</code> component.","name":"closeMenuOnClick","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":null,"description":"Key of <code>theme.colors</code> or any valid CSS color","name":"color","required":false,"type":{"name":"MantineColor"}}
1,"disabled":{"defaultValue":null,"description":"Sets disabled attribute, applies disabled styles","name":"disabled","required":false,"type":{"name":"boolean"}},"leftSection":{"defaultValue":null,"description":"Section displayed at the start of the label","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"rightSection":{"defaultValue":null,"description":"Section displayed at the end of the label","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}}}},"MenuSubTarget":{"props":{"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"refProp":{"defaultValue":"\'ref\'","description":"Key of the prop used to get element ref","name":"refProp","required":false,"type":{"name":"string"}}}},"ProgressSection":{"props":{"animated":{"defaultValue":"false","description":"If set, the sections stripes are animated, <code>striped</code> prop is ignored","name":"animated","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS value","name":"color","required":false,"type":{"name":"MantineColor"}},"striped":{"defaultValue":"false","description":"If set, the section has stripes","name":"striped","required":false,"type":{"name":"boolean"}},"value":{"defaultValue":null,"description":"Value of the section in 0â100 range","name":"value","required":true,"type":{"name":"number"}},"withAria":{"defaultValue":"true","description":"Determines whether <code>aria-*</code> props should be added to the root element","name":"withAria","required":false,"type":{"name":"boolean"}}}},"ProgressRoot":{"props":{"autoContrast":{"defaultValue":null,"description":"If set, adjusts label text color based on section background color for readability","name":"autoContrast","required":false,"type":{"name":"boolean"}},"orientation":{"defaultValue":"\'horizontal\'","description":"Controls orientation","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":"\'md\'","description":"Controls track height","name":"size","required":false,"type":{"name":"MantineSize | number"}},"transitionDuration":{"defaultValue":"100","description":"Controls sections width transition duration, value is specified in ms","name":"transitionDuration","required":false,"type":{"name":"number"}}}},"ChipGroup":{"props":{"children":{"defaultValue":null,"description":"<code>Chip</code> components and any other elements","name":"children","required":false,"type":{"name":"React.ReactNode"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component initial value","name":"defaultValue","required":false,"type":{"name":"Primitive | Value[] | null"}},"multiple":{"defaultValue":null,"description":"If set, multiple values can be selected","name":"multiple","required":false,"type":{"name":"boolean"}},"onChange":{"defaultValue":null,"description":"Called when value changes. If <code>multiple</code> prop is set, called with an array of selected values. If not, called with a string value of selected chip.","name":"onChange","required":false,"type":{"name":"(value: Multiple extends true ? Value[] : Value) => void"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"Primitive | Value[] | null"}}}},"ChipGroupContext":{"description":"","props":{}},"CardSection":{"props":{"inheritPadding":{"defaultValue":null,"description":"If set, the section inherits padding from the parent <code>Card</code>","name":"inheritPadding","required":false,"type":{"name":"boolean"}},"withBorder":{"defaultValue":null,"description":"Adds border to the root element","name":"withBorder","required":false,"type":{"name":"boolean"}}}},"StepperStep":{"props":{"allowStepClick":{"defaultValue":null,"description":"Set to false to disable clicks on step","name":"allowStepClick","required":false,"type":{"name":"boolean"}},"allowStepSelect":{"defaultValue":null,"description":"Should step selection be allowed","
1name":"allowStepSelect","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":null,"description":"Key of <code>theme.colors</code>, by default controlled by Stepper component","name":"color","required":false,"type":{"name":"MantineColor"}},"completedIcon":{"defaultValue":null,"description":"Step icon displayed when step is completed","name":"completedIcon","required":false,"type":{"name":"ReactNode | StepFragmentComponent"}},"description":{"defaultValue":null,"description":"Step description","name":"description","required":false,"type":{"name":"ReactNode | StepFragmentComponent"}},"icon":{"defaultValue":null,"description":"Step icon, defaults to <code>step index + 1</code> when rendered within Stepper","name":"icon","required":false,"type":{"name":"ReactNode | StepFragmentComponent"}},"iconPosition":{"defaultValue":null,"description":"Icon position relative to step body, controlled by Stepper component","name":"iconPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"iconSize":{"defaultValue":null,"description":"Icon wrapper size","name":"iconSize","required":false,"type":{"name":"string | number"}},"label":{"defaultValue":null,"description":"Step label, render after icon","name":"label","required":false,"type":{"name":"ReactNode | StepFragmentComponent"}},"loading":{"defaultValue":null,"description":"Indicates loading state of the step","name":"loading","required":false,"type":{"name":"boolean"}},"orientation":{"defaultValue":null,"description":"Component orientation","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"progressIcon":{"defaultValue":null,"description":"Step icon displayed when step is in progress","name":"progressIcon","required":false,"type":{"name":"ReactNode | StepFragmentComponent"}},"state":{"defaultValue":null,"description":"Step state, automatically set by Stepper component based on active prop. stepInactive: not reached, stepProgress: current, stepCompleted: passed","name":"state","required":false,"type":{"name":"\\"stepInactive\\" | \\"stepProgress\\" | \\"stepCompleted\\"","raw":"\\"stepInactive\\" | \\"stepProgress\\" | \\"stepCompleted\\" | undefined","value":[{"value":"undefined"},{"value":"\\"stepInactive\\""},{"value":"\\"stepProgress\\""},{"value":"\\"stepCompleted\\""}]}},"step":{"defaultValue":null,"description":"0-based step index, automatically set by Stepper component","name":"step","required":false,"type":{"name":"number"}},"withIcon":{"defaultValue":"true","description":"When false, hides the step icon. Useful for creating compact steppers with only labels","name":"withIcon","required":false,"type":{"name":"boolean"}}}},"TimelineItem":{"props":{"alternate":{"defaultValue":"false","description":"If set, switches the position of content and opposite","name":"alternate","required":false,"type":{"name":"boolean"}},"bullet":{"defaultValue":null,"description":"React node that should be rendered inside the bullet â icon, image, avatar, etc. By default, large white dot is displayed.","name":"bullet","required":false,"type":{"name":"React.ReactNode"}},"children":{"defaultValue":null,"description":"Content displayed below the title","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color to control active item colors","name":"color","required":false,"type":{"name":"MantineColor"}},"lineVariant":{"defaultValue":"\'solid\'","description":"Controls line border style","name":"lineVariant","required":false,"type":{"name":"\\"dashed\\" | \\"dotted\\" | \\"solid\\"","raw":"\\"dashed\\" | \\"dotted\\" | \\"solid\\" | undefined","value":[{"value":"undefined"},{"value":"\\"dashed\\""},{"value":"\\"dotted\\""},{"value":"\\"solid\\""}]}},"opposite":{"defaultValue":null,"description":"Content displayed on the opposite side of the timeline item","name":"opposite","required":false,"type":{"name":"React.ReactNode"}},"radius":{"defaultValue":"\'xl\'","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"title":{"defaultValue":null,"description":"Item title, displayed next to the bullet","name":"title","required":false,"type":{"name":"React.ReactNode"}}}},"ListItem":{"props":{"children":{"defaultValue":null,"description":"Item content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"icon":{"defaultValue":null,"description":"Icon to replace item bullet","name":"icon","required":false,"type":{"name":"React.ReactNode"}}}},"AlphaSlider":{"props":{"color":{"defaultValue":null,"description":"","name":"color","required":true,"type":{"name":"string"}},"focusable":{"defaultValue":"true","description":"If set, slider thumb can be focused","name":"focusable","required":false,"type":{"name":"boolean"}}
1,"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: number) => void"}},"onChangeEnd":{"defaultValue":null,"description":"Called when user stops dragging the slider or uses keyboard to change value","name":"onChangeEnd","required":false,"type":{"name":"(value: number) => void"}},"onScrubEnd":{"defaultValue":null,"description":"Called when user stops dragging the slider","name":"onScrubEnd","required":false,"type":{"name":"() => void"}},"onScrubStart":{"defaultValue":null,"description":"Called when user starts dragging the slider","name":"onScrubStart","required":false,"type":{"name":"() => void"}},"size":{"defaultValue":"\'md\'","description":"Slider size","name":"size","required":false,"type":{"name":"MantineSize"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":true,"type":{"name":"number"}}}},"HueSlider":{"props":{"focusable":{"defaultValue":"true","description":"If set, slider thumb can be focused","name":"focusable","required":false,"type":{"name":"boolean"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"(value: number) => void"}}
1,"onChangeEnd":{"defaultValue":null,"description":"Called when user stops dragging the slider or uses keyboard to change value","name":"onChangeEnd","required":false,"type":{"name":"(value: number) => void"}},"onScrubEnd":{"defaultValue":null,"description":"Called when user stops dragging the slider","name":"onScrubEnd","required":false,"type":{"name":"() => void"}},"onScrubStart":{"defaultValue":null,"description":"Called when user starts dragging the slider","name":"onScrubStart","required":false,"type":{"name":"() => void"}},"size":{"defaultValue":"\'md\'","description":"Slider size","name":"size","required":false,"type":{"name":"MantineSize"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":true,"type":{"name":"number"}}}},"Spotlight":{"props":{"actions":{"defaultValue":null,"description":"Actions data, passed down to <code>Spotlight.Action</code> component","name":"actions","required":true,"type":{"name":"SpotlightActions[]"}},"centered":{"defaultValue":"false","description":"If set, the modal is centered vertically","name":"centered","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Modal content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"clearQueryOnClose":{"defaultValue":"true","description":"Determines whether the search query should be cleared when the spotlight is closed","name":"clearQueryOnClose","required":false,"type":{"name":"boolean"}},"closeOnActionTrigger":{"defaultValue":"true","description":"Determines whether spotlight should be closed when one of the actions is triggered","name":"closeOnActionTrigger","required":false,"type":{"name":"boolean"}},"closeOnClickOutside":{"defaultValue":"true","description":"If set, the modal/drawer is closed when user clicks on the overlay","name":"closeOnClickOutside","required":false,"type":{"name":"boolean"}},"closeOnEscape":{"defaultValue":"true","description":"If set, <code>onClose</code> is called when user presses the escape key","name":"closeOnEscape","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":null,"description":"If set, spotlight will not be rendered","name":"disabled","required":false,"type":{"name":"boolean"}},"filter":{"defaultValue":null,"description":"Function to filter actions data based on search query, by default actions are filtered by title, description and keywords","name":"filter","required":false,"type":{"name":"SpotlightFilterFunction"}},"forceOpened":{"defaultValue":null,"description":"Forces opened state, useful for tests","name":"forceOpened","required":false,"type":{"name":"boolean"}},"fullScreen":{"defaultValue":"false","description":"If set, the modal takes the entire screen","name":"fullScreen","required":false,"type":{"name":"boolean"}},"highlightQuery":{"defaultValue":"false","description":"Determines whether search query should be highlighted in action label","name":"highlightQuery","required":false,"type":{"name":"boolean"}},"id":{"defaultValue":null,"description":"Id used to connect modal/drawer with body and title","name":"id","required":false,"type":{"name":"string"}},"keepMounted":{"defaultValue":"false","description":"If set modal/drawer is not unmounted from the DOM when hidden. <code>display: none</code> styles are applied instead.","name":"keepMounted","required":false,"type":{"name":"boolean"}},"keepMountedMode":{"defaultValue":"\'activity\'","description":"Controls how the modal/drawer is hidden when <code>keepMounted</code> is set:\\n<code>\'activity\'</code> - hidden with React 19 <code>Activity</code> component,\\n<code>\'display-none\'</code> - hidden with <code>display: none</code> styles","name":"keepMountedMode","required":false,"type":{"name":"\\"activity\\" | \\"display-none\\"","raw":"\\"activity\\" | \\"display-none\\" | undefined","value":[{"value":"undefined"},{"value":"\\"activity\\""},{"value":"\\"display-none\\""}]}},"limit":{"defaultValue":"Infinity","description":"Maximum number of actions displayed at a time","name":"limit","required":false,"type":{"name":"number"}},"lockScroll":{"defaultValue":"true","description":"If set, scroll is locked when <code>opened={true}</code>","name":"lockScroll","required":false,"type":{"name":"boolean"}},"maxHeight":{"defaultValue":"400","description":"Spotlight content max-height. Ignored unless <code>scrollable</code> prop is set.","name":"maxHeight","required":false,"type":{"name":"MaxHeight<string | number>"}},"nothingFound":{"defaultValue":null,"description":"Message displayed when none of the actions match given <code>filter</code>","name":"nothingFound","required":false,"type":{"name":"React.ReactNode"}},"onEnterTransitionEnd":{"defaultValue":null,"description":"Called when enter transition ends","name":"onEnterTransitionEnd","required":false,"type":{"name":"() => void"}},"onExitTransitionEnd":{"defaultValue":null,"description":"Called when exit transition ends","name":"onExitTransitionEnd","required":false,"type":{"name":"() => void"}},"onQueryChange":{"defaultValue":null,"description":"Called when query changes","name":"onQueryChange","required":false,"type":{"name":"(query: string) => void"}},"onSpotlightClose":{"defaultValue":null,"description":"Called when spotlight closes","name":"onSpotlightClose","required":false,"type":{"name":"() => void"}},"onSpotlightOpen":{"defaultValue":null,"description":"Called when spotlight opens","name":"onSpotlightOpen","required":false,"type":{"name":"() => void"}},"overlayProps":{"defaultValue":null,"description":"Props passed down to the <code>Overlay</code> component, use to configure opacity, <code>background-color</code>, styles and other properties","name":"overlayProps","required":false,"type":{"name":"ModalBaseOverlayProps"}},"padding":{"defaultValue":"\'md\'","description":"Key of <code>theme.spacing</code> or any valid CSS value to set content, header and footer padding","name":"padding","required":false,"type":{"name":"MantineSpacing"}},"portalProps":{"defaultValue":null,"description":"Props passed down to the Portal component when <code>withinPortal</code> is set","name":"portalProps","required":false,"type":{"name":"BasePortalProps"}},"query":{"defaultValue":null,"description":"Controlled Spotlight search query","name":"query","required":false,"type":{"name":"string"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"removeScrollProps":{"defaultValue":null,"description":"Props passed down to react-remove-scroll, can be used to customize scroll lock behavior","name":"removeScrollProps","required":false,"type":{"name":"RemoveScrollProps"}},"returnFocus":{"defaultValue":"true","description":"If set, focus is returned to the last active element when <code>onClose</code> is called","name":"returnFocus","required":false,"type":{"name":"boolean"}},"scrollAreaComponent":{"defaultValue":"\'div\'","description":"Scroll area component","name":"scrollAreaComponent","required":false,"type":{"name":"ScrollAreaComponent"}},"scrollAreaProps":{"defaultValue":null,"description":"Props passed down to the <code>ScrollArea</code> component","name":"scrollAreaProps","required":false,"type":{"name":"Partial<ScrollAreaAutosizeProps>"}},"scrollable":{"defaultValue":"false","description":"Determines whether the actions list should be scrollable. If not set, <code>maxHeight</code> is ignored","name":"scrollable","required":false,"type":{"name":"boolean"}},"searchProps":{"defaultValue":null,"description":"Props passed down to the <code>Spotlight.Search</code>","name":"searchProps","required":false,"type":{"name":"SpotlightSearchProps"}},"shadow":{"defaultValue":"\'xl\'","description":"Key of <code>theme.shadows</code> or any valid CSS box-shadow value","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"shortcut":{"defaultValue":"\'mod + K\'","description":"Keyboard shortcut or a list of shortcuts to trigger spotlight","name":"shortcut","required":false,"type":{"name":"string | string[] | null"}},"size":{"defaultValue":"\'md\'","description":"Controls width of the content area","name":"size","required":false,"type":{"name":"MantineSize | number"}},"stackId":{"defaultValue":null,"description":"Id of the modal in the <code>Modal.Stack</code>","name":"stackId","required":false,"type":{"name":"string"}},"store":{"defaultValue":null,"description":"Spotlight store, can be used to create multiple instances of spotlight","name":"store","required":false,"type":{"name":"SpotlightStore"}},"tagsToIgnore":{"defaultValue":"[\'input\', \'textarea\', \'select\']","description":"A list of tags which when focu
1sed will be ignored by shortcut","name":"tagsToIgnore","required":false,"type":{"name":"string[]"}},"title":{"defaultValue":null,"description":"Modal title","name":"title","required":false,"type":{"name":"React.ReactNode"}},"transitionProps":{"defaultValue":null,"description":"Props added to the <code>Transition</code> component that used to animate overlay and body, use to configure duration and animation type, <code>{ duration: 200, transition: \'fade-down\' }</code> by default","name":"transitionProps","required":false,"type":{"name":"TransitionProps"}},"trapFocus":{"defaultValue":"true","description":"If set, focus is trapped within the modal/drawer","name":"trapFocus","required":false,"type":{"name":"boolean"}},"triggerOnContentEditable":{"defaultValue":"false","description":"Determines whether shortcut should trigger based in contentEditable","name":"triggerOnContentEditable","required":false,"type":{"name":"boolean"}},"withOverlay":{"defaultValue":"true","description":"If set, the overlay is rendered","name":"withOverlay","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":"true","description":"If set, the component is rendered inside <code>Portal</code>","name":"withinPortal","required":false,"type":{"name":"boolean"}},"xOffset":{"defaultValue":"5vw","description":"Left/right modal offset","name":"xOffset","required":false,"type":{"name":"MarginLeft<string | number>"}},"yOffset":{"defaultValue":"5dvh","description":"Top/bottom modal offset","name":"yOffset","required":false,"type":{"name":"MarginTop<string | number>"}},"zIndex":{"defaultValue":"200","description":"<code>z-index</code> CSS property of the root element","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"SpotlightAction":{"props":{"children":{"defaultValue":null,"description":"Children override default action elements, if passed, label, description and sections are hidden","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeSpotlightOnTrigger":{"defaultValue":null,"description":"Determines whether the spotlight should be closed when action is triggered, overrides <code>closeOnActionTrigger</code> prop set on <code>Spotlight</code>","name":"closeSpotlightOnTrigger","required":false,"type":{"name":"boolean"}},"description":{"defaultValue":null,"description":"Action description, pass string to use in default filter","name":"description","required":false,"type":{"name":"string"}},"dimmedSections":{"defaultValue":"true","description":"Determines whether left and right sections should have dimmed styles","name":"dimmedSections","required":false,"type":{"name":"boolean"}},"highlightColor":{"defaultValue":"\'yellow\'","description":"Key of <code>theme.colors</code> of any valid CSS color that will be used to highlight search query","name":"highlightColor","required":false,"type":{"name":"MantineColor"}},"highlightQuery":{"defaultValue":"false","description":"Determines whether search query should be highlighted in action label","name":"highlightQuery","required":false,"type":{"name":"boolean"}},"keywords":{"defaultValue":null,"description":"Keywords that are used for default filtering, not displayed anywhere, can be a string: \\"react,router,javascript\\" or an array: [\'react\', \'router\', \'javascript\']","name":"keywords","required":false,"type":{"name":"string | string[]"}},"label":{"defaultValue":null,"description":"Action label, pass string to use in default filter","name":"label","required":false,"type":{"name":"string"}},"leftSection":{"defaultValue":null,"description":"Section displayed on the left side of the label, for example, icon","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"rightSection":{"defaultValue":null,"description":"Section displayed on the right side of the label, for example, hotkey","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}}}},"SpotlightActionsGroup":{"props":{"children":{"defaultValue":null,"description":"<code>Spotlight.Action</code> components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"label":{"defaultValue":null,"description":"Group label","name":"label","required":false,"type":{"name":"string"}}}},"SpotlightRoot":{"props":{"centered":{"defaultValue":"false","description":"If set, the modal is centered vertically","name":"centered","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Modal content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"clearQueryOnClose":{"defaultValue":"true","description":"Determines whether the search query should be cleared when the spotlight is closed","name":"clearQueryOnClose","required":false,"type":{"name":"boolean"}},"closeOnActionTrigger":{"defaultValue":"true","description":"Determines whether spotlight should be closed when one of the actions is triggered","name":"closeOnActionTrigger","required":false,"type":{"name":"boolean"}},"closeOnClickOutside":{"defaultValue":"true","description":"If set, the modal/drawer is closed when user clicks on the overlay","name":"closeOnClickOutside","required":false,"type":{"name":"boolean"}},"closeOnEscape":{"defaultValue":"true","description":"If set, <code>onClose</code> is called when user presses the escape key","name":"closeOnEscape","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":null,"description":"If set, spotlight will not be rendered","name":"disabled","required":false,"type":{"name":"boolean"}},"forceOpened":{"defaultValue":null,"description":"Forces opened state, useful for tests","name":"forceOpened","required":false,"type":{"name":"boolean"}},"fullScreen":{"defaultValue":"false","description":"If set, the modal takes the entire screen","name":"fullScreen","required":false,"type":{"name":"boolean"}},"id":{"defaultValue":null,"description":"Id used to connect modal/drawer with body and title","name":"id","required":false,"type":{"name":"string"}},"keepMounted":{"defaultValue":"false","description":"If set modal/drawer is not unmounted from the DOM when hidden. <code>display: none</code> styles are applied instead.","name":"keepMounted","required":false,"type":{"name":"boolean"}},"keepMountedMode":{"defaultValue":"\'activity\'","description":"Controls how the modal/drawer is hidden when <code>keepMounted</code> is set:\\n<code>\'activity\'</code> - hidden with React 19 <code>Activity</code> component,\\n<code>\'display-none\'</code> - hidden with <code>display: none</code> styles","name":"keepMountedMode","required":false,"type":{"name":"\\"activity\\" | \\"display-none\\"","raw":"\\"activity\\" | \\"display-none\\" | undefined","value":[{"value":"undefined"},{"value":"\\"activity\\""},{"value":"\\"display-none\\""}]}},"lockScroll":{"defaultValue":"true","description":"If set, scroll is locked when <code>opened={true}</code>","name":"lockScroll","required":false,"type":{"name":"boolean"}},"maxHeight":{"defaultValue":"400","description":"Spotlight content max-height. Ignored unless <code>scrollable</code> prop is set.","name":"maxHeight","required":false,"type":{"name":"MaxHeight<string | number>"}},"onEnterTransitionEnd":{"defaultValue":null,"description":"Called when enter transition ends","name":"onEnterTransitionEnd","required":false,"type":{"name":"() => void"}},"onExitTransitionEnd":{"defaultValue":null,"description":"Called when exit transition ends","name":"onExitTransitionEnd","required":false,"type":{"name":"() => void"}},"onQueryChange":{"defaultValue":null,"description":"Called when query changes","name":"onQueryChange","required":false,"type":{"name":"(query: string) => void"}},"onSpotlightClose":{"defaultValue":null,"description":"Called when spotlight closes","name":"onSpotlightClose","required":false,"type":{"name":"() => void"}},"onSpotlightOpen":{"defaultValue":null,"description":"Called when spotlight opens","name":"onSpotlightOpen","required":false,"type":{"name":"() => void"}},"overlayProps":{"defaultValue":null,"description":"Props passed down to the <code>Overlay</code> component, use to configure opacity, <code>background-color</code>, styles and other properties","name":"overlayProps","required":false,"type":{"name":"ModalBaseOverlayProps"}},"padding":{"defaultValue":"\'md\'","description":"Key of <code>theme.spacing</code> or any valid CSS value to set content, header and footer padding","name":"padding","required":false,"type":{"name":"MantineSpacing"}},"portalProps":{"defaultValue":null,"description":"Props passed down to the Portal component when <code>withinPortal</code> is set","name":"portalProps","required":false,"type":{"name":"BasePortalProps"}},"query":{"defaultValue":null,"description":"Controlled Spotlight search query","name":"query","required":false,"type":{"name":"string"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"removeScrollProps":{"defaultValue":null,"description":"Props passed down to react-remove-scroll, can be used to customize scroll lock behavior","name":"removeScrollProps","required":false,"type":{"name":"RemoveScrollProps"}},"returnFocus":{"defaultValue":"true","description":"If set, focus is returned to the last active element when <code>onClose</code> is called","name":"returnFocus","required":false,"type":{"name":"boolean"}},"scrollAreaComponent":{"defaultValue":"\'div\'","description":"Scroll area component","name":"scrollAreaComponent","required":false,"type":{"name":"ScrollAreaComponent"}},"scrollable":{"defaultValue":"false","description":"Determines whether the actions list should be scrollable. If not set, <code>maxHeight</code> is ignored","name":"scrollable","required":false,"type":{"name":"boolean"}},"shadow":{"defaultValue":"\'xl\'","description":"Key of <code>theme.shadows</code> or any valid CSS box-shadow value","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"shortcut":{"defaultValue":"\'mod + K\'","description":"Keyboard shortcut or a list of shortcuts to trigger spotlight","name":"shortcut","required":false,"type":{"name":"string | string[] | null"}},"size":{"defaultValue":"\'md\'","description":"Controls width of the content area","name":"size","required":false,"type":{"name":"MantineSize | number"}},"stackId":{"defaultValue":null,"description":"Id of the modal in the <code>Modal.Stack</code>","name":"stackId","required":false,"type":{"name":"string"}},"store":{"defaultValue":null,"description":"Spotlight store, can be used to create multiple instances of spotlight","name":"store","required":false,"type":{"name":"SpotlightStore"}},"tagsToIgnore":{"defaultValue":"[\'input\', \'textarea\', \'select\']","description":"A list of tags which when focu
1sed will be ignored by shortcut","name":"tagsToIgnore","required":false,"type":{"name":"string[]"}},"title":{"defaultValue":null,"description":"Modal title","name":"title","required":false,"type":{"name":"React.ReactNode"}},"transitionProps":{"defaultValue":null,"description":"Props added to the <code>Transition</code> component that used to animate overlay and body, use to configure duration and animation type, <code>{ duration: 200, transition: \'fade-down\' }</code> by default","name":"transitionProps","required":false,"type":{"name":"TransitionProps"}},"trapFocus":{"defaultValue":"true","description":"If set, focus is trapped within the modal/drawer","name":"trapFocus","required":false,"type":{"name":"boolean"}},"triggerOnContentEditable":{"defaultValue":"false","description":"Determines whether shortcut should trigger based in contentEditable","name":"triggerOnContentEditable","required":false,"type":{"name":"boolean"}},"withOverlay":{"defaultValue":"true","description":"If set, the overlay is rendered","name":"withOverlay","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":"true","description":"If set, the component is rendered inside <code>Portal</code>","name":"withinPortal","required":false,"type":{"name":"boolean"}},"xOffset":{"defaultValue":"5vw","description":"Left/right modal offset","name":"xOffset","required":false,"type":{"name":"MarginLeft<string | number>"}},"yOffset":{"defaultValue":"5dvh","description":"Top/bottom modal offset","name":"yOffset","required":false,"type":{"name":"MarginTop<string | number>"}},"zIndex":{"defaultValue":"200","description":"<code>z-index</code> CSS property of the root element","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"SpotlightSearch":{"props":{"disabled":{"defaultValue":null,"description":"Sets <code>disabled</code> attribute on the <code>input</code> element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Determines whether the input should have error styles and <code>aria-invalid</code> attribute","name":"error","required":false,"type":{"name":"React.ReactNode"}},"id":{"defaultValue":null,"description":"Input element id","name":"id","required":false,"type":{"name":"string"}},"inputSize":{"defaultValue":null,"description":"HTML <code>size</code> attribute for the input element (number of visible characters)","name":"inputSize","required":false,"type":{"name":"string"}},"leftSection":{"defaultValue":null,"description":"Content section displayed on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>leftSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>leftSection</code> element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"loading":{"defaultValue":"false","description":"Displays loading indicator in the left or right section","name":"loading","required":false,"type":{"name":"boolean"}},"loadingPosition":{"defaultValue":"\'right\'","description":"Position of the loading indicator","name":"loadingPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"multiline":{"defaultValue":"false","description":"Adjusts padding and sizing calculations for multiline inputs (use with <code>component=\\"textarea\\"</code>). Does not make the input multiline by itself.","name":"multiline","required":false,"type":{"name":"boolean"}},"pointer":{"defaultValue":"false","description":"Determines whether the input should have <code>cursor: pointer</code> style. Use when input acts as a button-like trigger (e.g., <code>component=\\"button\\"</code> for Select/DatePicker).","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}}
1,"required":{"defaultValue":null,"description":"Sets <code>required</code> attribute on the <code>input</code> element","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section displayed on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":"\'none\'","description":"Sets <code>pointer-events</code> styles on the <code>rightSection</code> element. Use <code>\'all\'</code> when section contains interactive elements (buttons, links).","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"revert-layer\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"painted\\""},{"value":"\\"stroke\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props passed down to the <code>rightSection</code> element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentProps<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"rootRef":{"defaultValue":null,"description":"Root element ref","name":"rootRef","required":false,"type":{"name":"Ref<HTMLDivElement>"}},"size":{"defaultValue":"\'sm\'","description":"Controls input <code>height</code>, horizontal <code>padding</code>, and <code>font-size</code>","name":"size","required":false,"type":{"name":"MantineSize"}},"success":{"defaultValue":null,"description":"Determines whether the input should have success styles","name":"success","required":false,"type":{"name":"React.ReactNode"}},"withAria":{"defaultValue":"true","description":"Determines whether <code>aria-</code> and other accessibility attributes should be added to the input. Only disable when implementing custom accessibility handling.","name":"withAria","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":"true","description":"Determines whether the input should have red border and red text color when the <code>error</code> prop is set","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withSuccessStyles":{"defaultValue":"true","description":"Determines whether the input should have green border when the <code>success</code> prop is set","name":"withSuccessStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element of the <code>Input</code> component","name":"wrapperProps","required":false,"type":{"name":"WrapperProps"}}}},"Carousel":{"props":{"children":{"defaultValue":null,"description":"<code>Carousel.Slide</code> components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"controlSize":{"defaultValue":"26","description":"Controls size of the next and previous controls","name":"controlSize","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"controlsOffset":{"defaultValue":"\'sm\'","description":"Controls position of the next and previous controls, key of <code>theme.spacing</code> or any valid CSS value","name":"controlsOffset","required":false,"type":{"name":"MantineSpacing"}},"emblaOptions":{"defaultValue":null,"description":"Options passed down to embla carousel","name":"emblaOptions","required":false,"type":{"name":"Partial<OptionsType>"}},"getEmblaApi":{"defaultValue":null,"description":"Get embla API as ref","name":"getEmblaApi","required":false,"type":{"name":"(embla: EmblaCarouselType) => void"}},"getIndicatorProps":{"defaultValue":null,"description":"Function to get props for indicator button","name":"getIndicatorProps","required":false,"type":{"name":"(index: number) => ElementProps<\\"button\\"> & DataAttributes"}}
1,"height":{"defaultValue":null,"description":"Slides container <code>height</code>, required for vertical orientation","name":"height","required":false,"type":{"name":"Height<string | number>"}},"includeGapInSize":{"defaultValue":"true","description":"Determines whether gap between slides should be treated as part of the slide size","name":"includeGapInSize","required":false,"type":{"name":"boolean"}},"initialSlide":{"defaultValue":null,"description":"Index of initial slide","name":"initialSlide","required":false,"type":{"name":"number"}},"nextControlIcon":{"defaultValue":null,"description":"Icon of the next control","name":"nextControlIcon","required":false,"type":{"name":"React.ReactNode"}},"nextControlProps":{"defaultValue":null,"description":"Props passed down to next control","name":"nextControlProps","required":false,"type":{"name":"React.ComponentProps<\\"button\\">"}},"onNextSlide":{"defaultValue":null,"description":"Called when next slide is shown","name":"onNextSlide","required":false,"type":{"name":"() => void"}},"onPreviousSlide":{"defaultValue":null,"description":"Called when previous slider is shown","name":"onPreviousSlide","required":false,"type":{"name":"() => void"}},"onSlideChange":{"defaultValue":null,"description":"Called with slide index when slide changes","name":"onSlideChange","required":false,"type":{"name":"(index: number) => void"}},"orientation":{"defaultValue":"\'horizontal\'","description":"Carousel orientation","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"plugins":{"defaultValue":null,"description":"A list of embla plugins","name":"plugins","required":false,"type":{"name":"CreatePluginType<LoosePluginType, {}>[]"}},"previousControlIcon":{"defaultValue":null,"description":"Icon of the previous control","name":"previousControlIcon","required":false,"type":{"name":"React.ReactNode"}},"previousControlProps":{"defaultValue":null,"description":"Props passed down to previous control","name":"previousControlProps","required":false,"type":{"name":"React.ComponentProps<\\"button\\">"}},"slideGap":{"defaultValue":null,"description":"Key of theme.spacing or number to set gap between slides","name":"slideGap","required":false,"type":{"name":"StyleProp<MantineSpacing>"}},"slideSize":{"defaultValue":"\'100%\'","description":"Controls slide width based on viewport width","name":"slideSize","required":false,"type":{"name":"StyleProp<string | number>"}},"type":{"defaultValue":"\'media\'","description":"Determines type of queries used for responsive styles","name":"type","required":false,"type":{"name":"\\"media\\" | \\"container\\"","raw":"\\"media\\" | \\"container\\" | undefined","value":[{"value":"undefined"},{"value":"\\"media\\""},{"value":"\\"container\\""}]}},"withControls":{"defaultValue":"true","description":"Determines whether next/previous controls should be displayed","name":"withControls","required":false,"type":{"name":"boolean"}},"withIndicators":{"defaultValue":"false","description":"Determines whether indicators should be displayed","name":"withIndicators","required":false,"type":{"name":"boolean"}},"withKeyboardEvents":{"defaultValue":"true","description":"Determines whether arrow key should switch slides","name":"withKeyboardEvents","required":false,"type":{"name":"boolean"}}}},"Dropzone":{"props":{"accept":{"defaultValue":null,"description":"Mime types of the files that dropzone can accepts. By default, dropzone accepts all file types.","name":"accept","required":false,"type":{"name":"string[] | Accept"}},"acceptColor":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color to set colors of <code>Dropzone.Accept</code>","name":"acceptColor","required":false,"type":{"name":"MantineColor"}},"activateOnClick":{"defaultValue":null,"description":"If <code>false</code>, disables click to open the native file selection dialog","name":"activateOnClick","required":false,"type":{"name":"boolean"}},"activateOnDrag":{"defaultValue":null,"description":"If <code>false</code>, disables drag \'n\' drop","name":"activateOnDrag","required":false,"type":{"name":"boolean"}},"activateOnKeyboard":{"defaultValue":null,"description":"If <code>false</code>, disables Space/Enter to open the native file selection dialog. Note that it also stops tracking the focus state.","name":"activateOnKeyboard","required":false,"type":{"name":"boolean"}},"autoFocus":{"defaultValue":null,"description":"Set to autofocus the root element","name":"autoFocus","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":"false","description":"Determines whether files capturing should be disabled","name":"disabled","required":false,"type":{"name":"boolean"}},"dragEventsBubbling":{"defaultValue":null,"description":"If <code>false</code>, stops drag event propagation to parents","name":"dragEventsBubbling","required":false,"type":{"name":"boolean"}},"enablePointerEvents":{"defaultValue":"false","description":"Determines whether pointer events should be enabled on the inner element","name":"enablePointerEvents","required":false,"type":{"name":"boolean"}},"getFilesFromEvent":{"defaultValue":null,"description":"Use this to provide a custom file aggregator","name":"getFilesFromEvent","required":false,"type":{"name":"(event: DropEvent | FileSystemFileHandle[]) => Promise<(File | DataTransferItem)[]>"}},"inputProps":{"defaultValue":null,"description":"Props passed down to the internal Input component","name":"inputProps","required":false,"type":{"name":"InputHTMLAttributes<HTMLInputElement>"}},"loaderProps":{"defaultValue":null,"description":"Props passed down to the Loader component","name":"loaderProps","required":false,"type":{"name":"LoaderProps"}},"loading":{"defaultValue":"false","description":"Determines whether a loading overlay should be displayed over the dropzone","name":"loading","required":false,"type":{"name":"boolean"}},"maxFiles":{"defaultValue":null,"description":"Maximum number of files that can be picked at once, files over the limit are rejected","name":"maxFiles","required":false,"type":{"name":"number"}},"maxSize":{"defaultValue":null,"description":"Maximum file size in bytes","name":"maxSize","required":false,"type":{"name":"number"}},"multiple":{"defaultValue":"true","description":"Determines whether multiple files can be dropped to the dropzone or selected from file system picker","name":"multiple","required":false,"type":{"name":"boolean"}},"name":{"defaultValue":null,"description":"Name of the form control. Submitted with the form as part of a name/value pair.","name":"name","required":false,"type":{"name":"string"}},"onDragEnter":{"defaultValue":null,"description":"Called when the <code>dragenter</code> event occurs","name":"onDragEnter","required":false,"type":{"name":"(event: DragEvent<HTMLElement>) => void"}},"onDragLeave":{"defaultValue":null,"description":"Called when the <code>dragleave</code> event occurs","name":"onDragLeave","required":false,"type":{"name":"(event: DragEvent<HTMLElement>) => void"}},"onDragOver":{"defaultValue":null,"description":"Called when the <code>dragover</code> event occurs","name":"onDragOver","required":false,"type":{"name":"(event: DragEvent<HTMLElement>) => void"}},"onDrop":{"defaultValue":null,"description":"Called when valid files are dropped to the dropzone","name":"onDrop","required":true,"type":{"name":"(files: FileWithPath[]) => void"}},"onDropAny":{"defaultValue":null,"description":"Called when any files are dropped to the dropzone","name":"onDropAny","required":false,"type":{"name":"(files: FileWithPath[], fileRejections: FileRejection[]) => void"}},"onFileDialogCancel":{"defaultValue":null,"description":"Called when user closes the file selection dialog with no selection","name":"onFileDialogCancel","required":false,"type":{"name":"() => void"}},"onFileDialogOpen":{"defaultValue":null,"description":"Called when user opens the file selection dialog","name":"onFileDialogOpen","required":false,"type":{"name":"() => void"}},"onReject":{"defaultValue":null,"description":"Called when dropped files do not meet file restrictions","name":"onReject","required":false,"type":{"name":"(fileRejections: FileRejection[]) => void"}},"openRef":{"defaultValue":null,"description":"A ref function which when called opens the file system file picker","name":"openRef","required":false,"type":{"name":"Ref<() => void> | undefined"}},"preventDropOnDocument":{"defaultValue":null,"description":"If <code>false</code>, allow dropped items to take over the current browser window","name":"preventDropOnDocument","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"rejectColor":{"defaultValue":"\'red\'","description":"Key of <code>theme.colors</code> or any valid CSS color to set colors of <code>Dropzone.Reject</code>","name":"rejectColor","required":false,"type":{"name":"MantineColor"}},"useFsAccessApi":{"defaultValue":"false","description":"Set to true to use the File System Access API to open the file picker instead of using an <code>input type=\\"file\\"</code> click event","name":"useFsAccessApi","required":false,"type":{"name":"boolean"}},"validator":{"defaultValue":null,"description":"Custom validation function. It must return null if there\'s no errors.","name":"validator","required":false,"type":{"name":"<T extends File>(file: T) => FileError | FileError[] | null"}}}},"DropzoneFullScreen":{"props":{"accept":{"defaultValue":null,"description":"Mime types of the files that dropzone can accepts. By default, dropzone accepts all file types.","name":"accept","required":false,"type":{"name":"string[] | Accept"}},"acceptColor":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> or any valid CSS color to set colors of <code>Dropzone.Accept</code>","name":"acceptColor","required":false,"type":{"name":"MantineColor"}},"activateOnClick":{"defaultValue":null,"description":"If <code>false</code>, disables click to open the native file selection dialog","name":"activateOnClick","required":false,"type":{"name":"boolean"}},"activateOnDrag":{"defaultValue":null,"description":"If <code>false</code>, disables drag \'n\' drop","name":"activateOnDrag","required":false,"type":{"name":"boolean"}},"activateOnKeyboard":{"defaultValue":null,"description":"If <code>false</code>, disables Space/Enter to open the native file selection dialog. Note that it also stops tracking the focus state.","name":"activateOnKeyboard","required":false,"type":{"name":"boolean"}},"active":{"defaultValue":"true","description":"Determines whether user can drop files to browser window","name":"active","required":false,"type":{"name":"boolean"}},"autoFocus":{"defaultValue":null,"description":"Set to autofocus the root element","name":"autoFocus","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":"false","description":"Determines whether files capturing should be disabled","name":"disabled","required":false,"type":{"name":"boolean"}},"dragEventsBubbling":{"defaultValue":null,"description":"If <code>false</code>, stops drag event propagation to parents","name":"dragEventsBubbling","required":false,"type":{"name":"boolean"}},"enablePointerEvents":{"defaultValue":"false","description":"Determines whether pointer events should be enabled on the inner element","name":"enablePointerEvents","required":false,"type":{"name":"boolean"}},"getFilesFromEvent":{"defaultValue":null,"description":"Use this to provide a custom file aggregator","name":"getFilesFromEvent","required":false,"type":{"name":"(event: DropEvent | FileSystemFileHandle[]) => Promise<(File | DataTransferItem)[]>"}},"inputProps":{"defaultValue":null,"description":"Props passed down to the internal Input component","name":"inputProps","required":false,"type":{"name":"InputHTMLAttributes<HTMLInputElement>"}},"loaderProps":{"defaultValue":null,"description":"Props passed down to the Loader component","name":"loaderProps","required":false,"type":{"name":"LoaderProps"}},"loading":{"defaultValue":"false","description":"Determines whether a loading overlay should be displayed over the dropzone","name":"loading","required":false,"type":{"name":"boolean"}},"maxFiles":{"defaultValue":null,"description":"Maximum number of files that can be picked at once, files over the limit are rejected","name":"maxFiles","required":false,"type":{"name":"number"}},"maxSize":{"defaultValue":null,"description":"Maximum file size in bytes","name":"maxSize","required":false,"type":{"name":"number"}},"multiple":{"defaultValue":"true","description":"Determines whether multiple files can be dropped to the dropzone or selected from file system picker","name":"multiple","required":false,"type":{"name":"boolean"}},"name":{"defaultValue":null,"description":"Name of the form control. Submitted with the form as part of a name/value pair.","name":"name","required":false,"type":{"name":"string"}},"onDragEnter":{"defaultValue":null,"description":"Called when the <code>dragenter</code> event occurs","name":"onDragEnter","required":false,"type":{"name":"(event: DragEvent<HTMLElement>) => void"}},"onDragLeave":{"defaultValue":null,"description":"Called when the <code>dragleave</code> event occurs","name":"onDragLeave","required":false,"type":{"name":"(event: DragEvent<HTMLElement>) => void"}},"onDragOver":{"defaultValue":null,"description":"Called when the <code>dragover</code> event occurs","name":"onDragOver","required":false,"type":{"name":"(event: DragEvent<HTMLElement>) => void"}},"onDrop":{"defaultValue":null,"description":"Called when valid files are dropped to the dropzone","name":"onDrop","required":true,"type":{"name":"(files: FileWithPath[]) => void"}},"onDropAny":{"defaultValue":null,"description":"Called when any files are dropped to the dropzone","name":"onDropAny","required":false,"type":{"name":"(files: FileWithPath[], fileRejections: FileRejection[]) => void"}},"onFileDialogCancel":{"defaultValue":null,"description":"Called when user closes the file selection dialog with no selection","name":"onFileDialogCancel","required":false,"type":{"name":"() => void"}},"onFileDialogOpen":{"defaultValue":null,"description":"Called when user opens the file selection dialog","name":"onFileDialogOpen","required":false,"type":{"name":"() => void"}},"onReject":{"defaultValue":null,"description":"Called when dropped files do not meet file restrictions","name":"onReject","required":false,"type":{"name":"(fileRejections: FileRejection[]) => void"}},"openRef":{"defaultValue":null,"description":"A ref function which when called opens the file system file picker","name":"openRef","required":false,"type":{"name":"Ref<() => void> | undefined"}},"portalProps":{"defaultValue":null,"description":"Props to pass down to the portal when withinPortal is <code>true</code>","name":"portalProps","required":false,"type":{"name":"Omit<BasePortalProps, \\"withinPortal\\">"}},"preventDropOnDocument":{"defaultValue":null,"description":"If <code>false</code>, allow dropped items to take over the current browser window","name":"preventDropOnDocument","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"rejectColor":{"defaultValue":"\'red\'","description":"Key of <code>theme.colors</code> or any valid CSS color to set colors of <code>Dropzone.Reject</code>","name":"rejectColor","required":false,"type":{"name":"MantineColor"}},"useFsAccessApi":{"defaultValue":"false","description":"Set to true to use the File System Access API to open the file picker instead of using an <code>input type=\\"file\\"</code> click event","name":"useFsAccessApi","required":false,"type":{"name":"boolean"}},"validator":{"defaultValue":null,"description":"Custom validation function. It must return null if there\'s no errors.","name":"validator
1","required":false,"type":{"name":"<T extends File>(file: T) => FileError | FileError[] | null"}},"withinPortal":{"defaultValue":"true","description":"Determines whether component should be rendered within <code>Portal</code>","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":"9999","description":"Z-index value","name":"zIndex","required":false,"type":{"name":"React.CSSProperties[\\"zIndex\\"]"}}}},"CodeHighlight":{"props":{"background":{"defaultValue":null,"description":"Controls background color of the code. By default, the value depends on color scheme.","name":"background","required":false,"type":{"name":"MantineColor"}},"code":{"defaultValue":null,"description":"Code to highlight","name":"code","required":true,"type":{"name":"string"}},"codeColorScheme":{"defaultValue":null,"description":"Set to use dark or light color scheme. When using shiki adapter, you can use loaded themes here","name":"codeColorScheme","required":false,"type":{"name":"(string & {}) | \\"dark\\" | \\"light\\""}},"collapseCodeLabel":{"defaultValue":"\'Collapse code\'","description":"Label for collapse button","name":"collapseCodeLabel","required":false,"type":{"name":"string"}},"controls":{"defaultValue":null,"description":"Extra controls to display in the controls list","name":"controls","required":false,"type":{"name":"ReactNode[]"}},"copiedLabel":{"defaultValue":"\'Copied\'","description":"Label for copy button in copied state","name":"copiedLabel","required":false,"type":{"name":"string"}},"copyLabel":{"defaultValue":"\'Copy\'","description":"Label for copy button in default state","name":"copyLabel","required":false,"type":{"name":"string"}},"defaultExpanded":{"defaultValue":null,"description":"Uncontrolled expanded default state","name":"defaultExpanded","required":false,"type":{"name":"boolean"}},"expandCodeLabel":{"defaultValue":"\'Expand code\'","description":"Label for expand button","name":"expandCodeLabel","required":false,"type":{"name":"string"}},"expanded":{"defaultValue":null,"description":"Controlled expanded state","name":"expanded","required":false,"type":{"name":"boolean"}},"language":{"defaultValue":null,"description":"Language of the code, used for syntax highlighting","name":"language","required":false,"type":{"name":"string"}},"maxCollapsedHeight":{"defaultValue":"180px","description":"Max height of collapsed state","name":"maxCollapsedHeight","required":false,"type":{"name":"string | number"}},"onExpandedChange":{"defaultValue":null,"description":"Called when expanded state changes","name":"onExpandedChange","required":false,"type":{"name":"(expanded: boolean) => void"}},"radius":{"defaultValue":"0","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"withBorder":{"defaultValue":"false","description":"Adds border to the root element","name":"withBorder","required":false,"type":{"name":"boolean"}},"withCopyButton":{"defaultValue":"true","description":"Determines whether the copy button should be displayed","name":"withCopyButton","required":false,"type":{"name":"boolean"}},"withExpandButton":{"defaultValue":"false","description":"Determines whether the expand/collapse button should be displayed","name":"withExpandButton","required":false,"type":{"name":"boolean"}},"withFirstLineIndentation":{"defaultValue":"false","description":"If set, indentation of the first line of the code is preserved. By default, it is removed\\nalong with the rest of the leading and trailing whitespace.","name":"withFirstLineIndentation","required":false,"type":{"name":"boolean"}},"withLineNumbers":{"defaultValue":"false","description":"Determines whether line numbers should be displayed","name":"withLineNumbers","required":false,"type":{"name":"boolean"}}}},"CodeHighlightTabs":{"props":{"activeTab":{"defaultValue":null,"description":"Index of controlled active tab state","name":"activeTab","required":false,"type":{"name":"number"}},"background":{"defaultValue":null,"description":"Controls background color of the code. By default, the value depends on color scheme.","name":"background","required":false,"type":{"name":"MantineColor"}},"code":{"defaultValue":null,"description":"Code to highlight with meta data (file name and icon)","name":"code","required":true,"type":{"name":"CodeHighlightTabsCode[]"}},"codeColorScheme":{"defaultValue":null,"description":"Set to use dark or light color scheme. When using shiki adapter, you can use loaded themes here","name":"codeColorScheme","required":false,"type":{"name":"(string & {}
1) | \\"dark\\" | \\"light\\""}},"collapseCodeLabel":{"defaultValue":"\'Collapse code\'","description":"Label for collapse button","name":"collapseCodeLabel","required":false,"type":{"name":"string"}},"controls":{"defaultValue":null,"description":"Extra controls to display in the controls list","name":"controls","required":false,"type":{"name":"ReactNode[]"}},"copiedLabel":{"defaultValue":"\'Copied\'","description":"Label for copy button in copied state","name":"copiedLabel","required":false,"type":{"name":"string"}},"copyLabel":{"defaultValue":"\'Copy\'","description":"Label for copy button in default state","name":"copyLabel","required":false,"type":{"name":"string"}},"defaultActiveTab":{"defaultValue":null,"description":"Default active tab index","name":"defaultActiveTab","required":false,"type":{"name":"number"}},"defaultExpanded":{"defaultValue":null,"description":"Uncontrolled expanded default state","name":"defaultExpanded","required":false,"type":{"name":"boolean"}},"expandCodeLabel":{"defaultValue":"\'Expand code\'","description":"Label for expand button","name":"expandCodeLabel","required":false,"type":{"name":"string"}},"expanded":{"defaultValue":null,"description":"Controlled expanded state","name":"expanded","required":false,"type":{"name":"boolean"}},"getFileIcon":{"defaultValue":null,"description":"Function that returns icon based on file name","name":"getFileIcon","required":false,"type":{"name":"(fileName: string) => ReactNode"}},"maxCollapsedHeight":{"defaultValue":"180px","description":"Max height of collapsed state","name":"maxCollapsedHeight","required":false,"type":{"name":"string | number"}},"onExpandedChange":{"defaultValue":null,"description":"Called when expanded state changes","name":"onExpandedChange","required":false,"type":{"name":"(expanded: boolean) => void"}},"onTabChange":{"defaultValue":null,"description":"Called when tab changes","name":"onTabChange","required":false,"type":{"name":"(tab: number) => void"}},"radius":{"defaultValue":"0","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"withBorder":{"defaultValue":"false","description":"Adds border to the root element","name":"withBorder","required":false,"type":{"name":"boolean"}},"withCopyButton":{"defaultValue":"true","description":"Determines whether the copy button should be displayed","name":"withCopyButton","required":false,"type":{"name":"boolean"}},"withExpandButton":{"defaultValue":"false","description":"Determines whether the expand/collapse button should be displayed","name":"withExpandButton","required":false,"type":{"name":"boolean"}},"withFirstLineIndentation":{"defaultValue":"false","description":"If set, indentation of the first line of the code is preserved. By default, it is removed\\nalong with the rest of the leading and trailing whitespace.","name":"withFirstLineIndentation","required":false,"type":{"name":"boolean"}},"withLineNumbers":{"defaultValue":"false","description":"Determines whether line numbers should be displayed","name":"withLineNumbers","required":false,"type":{"name":"boolean"}}}},"InlineCodeHighlight":{"props":{"background":{"defaultValue":null,"description":"Controls background color of the code. By default, the value depends on color scheme.","name":"background","required":false,"type":{"name":"MantineColor"}},"code":{"defaultValue":null,"description":"Code to highlight","name":"code","required":true,"type":{"name":"string"}},"language":{"defaultValue":null,"description":"Language of the code, used to determine syntax highlighting","name":"language","required":false,"type":{"name":"string"}},"radius":{"defaultValue":"\'sm\'","description":"Key of <code>theme.radius</code> or any valid CSS value to set border-radius","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"withBorder":{"defaultValue":"false","description":"Adds border to the root element","name":"withBorder","required":false,"type":{"name":"boolean"}},"withFirstLineIndentation":{"defaultValue":"false","description":"If set, indentation of the first line of the code is preserved. By default, it is removed\\nalong with the rest of the leading and trailing whitespace.","name":"withFirstLineIndentation","required":false,"type":{"name":"boolean"}}}},"NavigationProgress":{"props":{"color":{"defaultValue":"theme.primaryColor","description":"Key of <code>theme.colors</code> of any other valid CSS color","name":"color","required":false,"type":{"name":"MantineColor"}},"initialProgress":{"defaultValue":"0","description":"Initial progress value","name":"initialProgress","required":false,"type":{"name":"number"}},"portalProps":{"defaultValue":null,"description":"Props to pass down to the <code>Portal</code> when <code>withinPortal</code> is <code>true</code>","name":"portalProps","required":false,"type":{"name":"Omit<BasePortalProps, \\"withinPortal\\">"}},"size":{"defaultValue":"3","description":"Controls height of the progress bar","name":"size","required":false,"type":{"name":"number"}},"stepInterval":{"defaultValue":"500","description":"Step interval in ms","name":"stepInterval","required":false,"type":{"name":"number"}},"store":{"defaultValue":null,"description":"Component store, controls state","name":"store","required":false,"type":{"name":"NprogressStore"}},"withinPortal":{"defaultValue":"true","description":"Determines whether the progress bar should be rendered within <code>Portal</code>","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":"getDefaultZIndex(\'max\')","description":"Progressbar z-index","
1name":"zIndex","required":false,"type":{"name":"React.CSSProperties[\\"zIndex\\"]"}}}},"ModalsProvider":{"props":{"children":{"defaultValue":null,"description":"Your app","name":"children","required":false,"type":{"name":"React.ReactNode"}},"labels":{"defaultValue":null,"description":"Confirm modal labels","name":"labels","required":false,"type":{"name":"ConfirmLabels"}},"modalProps":{"defaultValue":null,"description":"Shared Modal component props, applied for every modal","name":"modalProps","required":false,"type":{"name":"ModalSettings"}},"modals":{"defaultValue":null,"description":"Predefined modals","name":"modals","required":false,"type":{"name":"Record<string, FC<ContextModalProps<any>>>"}}}},"RichTextEditor":{"props":{"children":{"defaultValue":null,"description":"Child editor components","name":"children","required":true,"type":{"name":"React.ReactNode"}},"editor":{"defaultValue":null,"description":"Tiptap editor instance","name":"editor","required":true,"type":{"name":"Editor | null"}},"labels":{"defaultValue":null,"description":"Labels that are used in controls","name":"labels","required":false,"type":{"name":"Partial<RichTextEditorLabels>"}},"onSourceCodeTextSwitch":{"defaultValue":null,"description":"Called if <code>RichTextEditor.SourceCode</code> clicked.","name":"onSourceCodeTextSwitch","required":false,"type":{"name":"(isSourceCodeModeActive: boolean) => void"}},"withCodeHighlightStyles":{"defaultValue":"true","description":"Determines whether code highlight styles should be added","name":"withCodeHighlightStyles","required":false,"type":{"name":"boolean"}},"withTypographyStyles":{"defaultValue":"true","description":"Determines whether typography styles should be added","name":"withTypographyStyles","required":false,"type":{"name":"boolean"}}}},"Notifications":{"props":{"allowDragDismiss":{"defaultValue":"true","description":"Determines whether notifications can be dismissed by dragging left or right","name":"allowDragDismiss","required":false,"type":{"name":"boolean"}},"allowScrollDismiss":{"defaultValue":"true","description":"Determines whether notifications can be dismissed with horizontal scroll gesture while hovered","name":"allowScrollDismiss","required":false,"type":{"name":"boolean"}},"autoClose":{"defaultValue":"4000","description":"Auto close timeout for all notifications in ms, <code>false</code> to disable auto close, can be overwritten for individual notifications in <code>notifications.show</code> function","name":"autoClose","required":false,"type":{"name":"number | false"}},"containerWidth":{"defaultValue":"440","description":"Notification width, cannot exceed 100%","name":"containerWidth","required":false,"type":{"name":"string | number"}},"layout":{"defaultValue":"\'default\'","description":"Controls how notifications are positioned in the stack, <code>\'default\'</code> â standard vertical list, <code>\'stacked\'</code> â only first notification is fully visible, rest are stacked behind","name":"layout","required":false,"type":{"name":"\\"default\\" | \\"stacked\\"","raw":"\\"default\\" | \\"stacked\\" | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"stacked\\""}]}},"limit":{"defaultValue":"5","description":"Maximum number of notifications displayed at a time, other new notifications will be added to queue","name":"limit","required":false,"type":{"name":"number"}},"notificationMaxHeight":{"defaultValue":"200","description":"Notification <code>max-height</code>, used for transitions","name":"notificationMaxHeight","required":false,"type":{"name":"string | number"}},"pauseResetOnHover":{"defaultValue":"\'all\'","description":"Determines which notifications should pause auto close on hover, <code>\'all\'</code> â pauses auto close for all notifications when any notification is hovered, <code>\'notification\'</code> â pauses auto close only for the hovered notification","name":"pauseResetOnHover","required":false,"type":{"name":"\\"all\\" | \\"notification\\"","raw":"\\"all\\" | \\"notification\\" | undefined","value":[{"value":"undefined"},{"value":"\\"all\\""},{"value":"\\"notification\\""}]}},"portalProps":{"defaultValue":null,"description":"Props passed down to the <code>Portal</code> component","name":"portalProps","required":false,"type":{"name":"BasePortalProps"}},"position":{"defaultValue":"\'bottom-right\'","description":"Notifications default position","name":"position","required":false,"type":{"name":"NotificationPosition","raw":"NotificationPosition | undefined","value":[{"value":"undefined"},{"value":"\\"bottom-center\\""}
1,{"value":"\\"top-center\\""},{"value":"\\"top-left\\""},{"value":"\\"top-right\\""},{"value":"\\"bottom-left\\""},{"value":"\\"bottom-right\\""}]}},"renderNotification":{"defaultValue":null,"description":"Custom render function that replaces the default notification, can be overridden per notification","name":"renderNotification","required":false,"type":{"name":"(notification: NotificationData) => ReactNode"}},"store":{"defaultValue":null,"description":"Store for notifications state, can be used to create multiple instances of notifications system in your application","name":"store","required":false,"type":{"name":"NotificationsStore"}},"transitionDuration":{"defaultValue":"250","description":"Notification transition duration in ms","name":"transitionDuration","required":false,"type":{"name":"number"}},"withinPortal":{"defaultValue":"true","description":"Determines whether notifications container should be rendered inside <code>Portal</code>","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":"400","description":"Notifications container z-index","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"Lightbox":{"props":{"children":{"defaultValue":null,"description":"Custom lightbox layout, overrides the default layout built from compound components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeOnClickOutside":{"defaultValue":"false","description":"Closes lightbox when the empty space around the slide content is clicked","name":"closeOnClickOutside","required":false,"type":{"name":"boolean"}},"closeOnSwipeDown":{"defaultValue":"true","description":"Closes lightbox when swiping down on mobile","name":"closeOnSwipeDown","required":false,"type":{"name":"boolean"}},"currentIndex":{"defaultValue":null,"description":"Controlled current slide index","name":"currentIndex","required":false,"type":{"name":"number"}},"emblaOptions":{"defaultValue":null,"description":"Additional Embla carousel options. <code>loop</code> and <code>startIndex</code> are controlled by the\\n<code>loop</code> and <code>currentIndex</code> props and cannot be set here, at the top level or in\\n<code>breakpoints</code>; a <code>watchDrag</code> option is still honored at both levels, but dragging is\\nalways disabled while the image is zoomed.","name":"emblaOptions","required":false,"type":{"name":"Partial<OptionsType>"}},"labels":{"defaultValue":null,"description":"Labels used in the component, used for accessibility and localization","name":"labels","required":false,"type":{"name":"Partial<LightboxLabels>"}},"loop":{"defaultValue":"false","description":"Enables infinite loop navigation","name":"loop","required":false,"type":{"name":"boolean"}},"onClose":{"defaultValue":null,"description":"Called when the lightbox is closed","name":"onClose","required":true,"type":{"name":"() => void"}},"onIndexChange":{"defaultValue":null,"description":"Called when the current slide index changes","name":"onIndexChange","required":false,"type":{"name":"(index: number) => void"}},"opened":{"defaultValue":null,"description":"Controls whether the lightbox is opened","name":"opened","required":true,"type":{"name":"boolean"}},"returnFocus":{"defaultValue":"true","description":"Determines whether focus should be returned to the last active element when the lightbox is closed","name":"returnFocus","required":false,"type":{"name":"boolean"}},"slides":{"defaultValue":null,"description":"Array of slide data objects","name":"slides","required":true,"type":{"name":"LightboxSlideData[]"}},"toolbarItems":{"defaultValue":null,"description":"Custom toolbar items, overrides default toolbar. Can be a function that receives the current lightbox state and handlers.","name":"toolbarItems","required":false,"type":{"name":"ToolbarItems"}},"transitionDuration":{"defaultValue":"200","description":"Transition duration in milliseconds","name":"transitionDuration","required":false,"type":{"name":"number"}},"transitionProps":{"defaultValue":null,"description":"Props passed down to the <code>Transition</code> component that animates the content, the overlay always fades. By default, the content is scaled from 95% to 100%
1while fading in.","name":"transitionProps","required":false,"type":{"name":"TransitionProps"}},"withDownload":{"defaultValue":"false","description":"Adds download button to toolbar","name":"withDownload","required":false,"type":{"name":"boolean"}},"withFullscreen":{"defaultValue":"false","description":"Adds fullscreen toggle to toolbar","name":"withFullscreen","required":false,"type":{"name":"boolean"}},"withInitialFocusPlaceholder":{"defaultValue":"true","description":"Adds a hidden focusable element at the start of the lightbox content â prevents the first toolbar button from receiving visible focus when the lightbox is opened with a pointer. Set to <code>false</code> if you need custom focus management.","name":"withInitialFocusPlaceholder","required":false,"type":{"name":"boolean"}},"withKeyboardEvents":{"defaultValue":"true","description":"Determines whether keyboard shortcuts (arrows, <code>F</code>/<code>T</code>/<code>Z</code>) are active, <code>Escape</code> always closes the lightbox","name":"withKeyboardEvents","required":false,"type":{"name":"boolean"}},"withNavigation":{"defaultValue":"true","description":"Shows previous/next navigation arrows","name":"withNavigation","required":false,"type":{"name":"boolean"}},"withSlideTransition":{"defaultValue":"false","description":"Enables animated slide transitions for programmatic navigation","name":"withSlideTransition","required":false,"type":{"name":"boolean"}},"withThumbnails":{"defaultValue":"false","description":"Shows bottom thumbnail strip","name":"withThumbnails","required":false,"type":{"name":"boolean"}},"withZoom":{"defaultValue":"false","description":"Enables image zoom on click/pinch","name":"withZoom","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":"true","description":"Determines whether the lightbox should be rendered inside <code>Portal</code>","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"<code>z-index</code> of the overlay and content elements, <code>400</code> by default","name":"zIndex","required":false,"type":{"name":"string | number"}},"zoomMaxScale":{"defaultValue":"3","description":"Maximum zoom scale","name":"zoomMaxScale","required":false,"type":{"name":"number"}}}},"LightboxRoot":{"props":{"children":{"defaultValue":null,"description":"Lightbox content (compound components)","name":"children","required":true,"type":{"name":"React.ReactNode"}},"closeOnClickOutside":{"defaultValue":"false","description":"Closes lightbox when the empty space around the slide content is clicked","name":"closeOnClickOutside","required":false,"type":{"name":"boolean"}},"closeOnSwipeDown":{"defaultValue":"true","description":"Closes lightbox when swiping down on mobile","name":"closeOnSwipeDown","required":false,"type":{"name":"boolean"}},"currentIndex":{"defaultValue":null,"description":"Controlled current slide index","name":"currentIndex","required":false,"type":{"name":"number"}},"emblaOptions":{"defaultValue":null,"description":"Additional Embla carousel options. <code>loop</code> and <code>startIndex</code> are controlled by the\\n<code>loop</code> and <code>currentIndex</code> props and cannot be set here, at the top level or in\\n<code>breakpoints</code>; a <code>watchDrag</code> option is still honored at both levels, but dragging is\\nalways disabled while the image is zoomed.","name":"emblaOptions","required":false,"type":{"name":"Partial<OptionsType>"}},"labels":{"defaultValue":null,"description":"Labels used in the component, used for accessibility and localization","name":"labels","required":false,"type":{"name":"Partial<LightboxLabels>"}},"loop":{"defaultValue":"false","description":"Enables infinite loop navigation","name":"loop","required":false,"type":{"name":"boolean"}},"onClose":{"defaultValue":null,"description":"Called when the lightbox is closed","name":"onClose","required":true,"type":{"name":"() => void"}},"onIndexChange":{"defaultValue":null,"description":"Called when the current slide index changes","name":"onIndexChange","required":false,"type":{"name":"(index: number) => void"}},"opened":{"defaultValue":null,"description":"Controls whether the lightbox is opened","name":"opened","required":true,"type":{"name":"boolean"}},"returnFocus":{"defaultValue":"true","description":"Determines whether focus should be returned to the last active element when the lightbox is closed","name":"returnFocus","required":false,"type":{"name":"boolean"}},"slides":{"defaultValue":null,"description":"Array of slide data objects","name":"slides","required":true,"type":{"name":"LightboxSlideData[]"}},"transitionDuration":{"defaultValue":"200","description":"Transition duration in milliseconds","name":"transitionDuration","required":false,"type":{"name":"number"}},"transitionProps":{"defaultValue":null,"description":"Props passed down to the <code>Transition</code> component that animates the content, the overlay always fades. By default, the content is scaled from 95% to 100%
1while fading in.","name":"transitionProps","required":false,"type":{"name":"TransitionProps"}},"withDownload":{"defaultValue":"false","description":"Adds download button to toolbar","name":"withDownload","required":false,"type":{"name":"boolean"}},"withFullscreen":{"defaultValue":"false","description":"Adds fullscreen toggle to toolbar","name":"withFullscreen","required":false,"type":{"name":"boolean"}},"withInitialFocusPlaceholder":{"defaultValue":"true","description":"Adds a hidden focusable element at the start of the lightbox content â prevents the first toolbar button from receiving visible focus when the lightbox is opened with a pointer. Set to <code>false</code> if you need custom focus management.","name":"withInitialFocusPlaceholder","required":false,"type":{"name":"boolean"}},"withKeyboardEvents":{"defaultValue":"true","description":"Determines whether keyboard shortcuts (arrows, <code>F</code>/<code>T</code>/<code>Z</code>) are active, <code>Escape</code> always closes the lightbox","name":"withKeyboardEvents","required":false,"type":{"name":"boolean"}},"withSlideTransition":{"defaultValue":"false","description":"Enables animated slide transitions for programmatic navigation","name":"withSlideTransition","required":false,"type":{"name":"boolean"}},"withThumbnails":{"defaultValue":"false","description":"Shows bottom thumbnail strip","name":"withThumbnails","required":false,"type":{"name":"boolean"}},"withZoom":{"defaultValue":"false","description":"Enables image zoom on click/pinch","name":"withZoom","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":"true","description":"Determines whether the lightbox should be rendered inside <code>Portal</code>","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"<code>z-index</code> of the overlay and content elements, <code>400</code> by default","name":"zIndex","required":false,"type":{"name":"string | number"}},"zoomMaxScale":{"defaultValue":"3","description":"Maximum zoom scale","name":"zoomMaxScale","required":false,"type":{"name":"number"}}}},"LightboxToolbar":{"props":{"toolbarItems":{"defaultValue":null,"description":"Custom toolbar items, overrides default toolbar actions. Can be a function that receives the current lightbox state and handlers.","name":"toolbarItems","required":false,"type":{"name":"ToolbarItems"}}}},"LightboxSlides":{"props":{"children":{"defaultValue":null,"description":"Slide components","name":"children","required":true,"type":{"name":"React.ReactNode"}},"emblaRef":{"defaultValue":null,"description":"Embla carousel ref callback","name":"emblaRef","required":false,"type":{"name":"(instance: HTMLDivElement | null) => void | (() => VoidOrUndefinedOnly)"}}}},"LightboxSlide":{"props":{"index":{"defaultValue":null,"description":"Index of the slide in the slides array","name":"index","required":true,"type":{"name":"number"}},"slide":{"defaultValue":null,"description":"Slide data object","name":"slide","required":true,"type":{"name":"LightboxSlideData"}}}},"LightboxThumbnails":{"description":"","props":{}},"LightboxNavigation":{"description":"","props":{}},"LightboxCaption":{"props":{"children":{"defaultValue":null,"description":"Custom caption content, overrides slide caption","name":"children","required":false,"type":{"name":"React.ReactNode"}}}},"LightboxCloseButton":{"description":"","props":{}},"LightboxProvider":{"props":{"children":{"defaultValue":null,"description":"Custom lightbox layout, overrides the default layout built from compound components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeOnClickOutside":{"defaultValue":"false","description":"Closes lightbox when the empty space around the slide content is clicked","name":"closeOnClickOutside","required":false,"type":{"name":"boolean"}},"closeOnSwipeDown":{"defaultValue":"true","description":"Closes lightbox when swiping down on mobile","name":"closeOnSwipeDown","required":false,"type":{"name":"boolean"}},"emblaOptions":{"defaultValue":null,"description":"Additional Embla carousel options. <code>loop</code> and <code>startIndex</code> are controlled by the\\n<code>loop</code> and <code>currentIndex</code> props and cannot be set here, at the top level or in\\n<code>breakpoints</code>; a <code>watchDrag</code> option is still honored at both levels, but dragging is\\nalways disabled
1while the image is zoomed.","name":"emblaOptions","required":false,"type":{"name":"Partial<OptionsType>"}},"labels":{"defaultValue":null,"description":"Labels used in the component, used for accessibility and localization","name":"labels","required":false,"type":{"name":"Partial<LightboxLabels>"}},"loop":{"defaultValue":"false","description":"Enables infinite loop navigation","name":"loop","required":false,"type":{"name":"boolean"}},"returnFocus":{"defaultValue":"true","description":"Determines whether focus should be returned to the last active element when the lightbox is closed","name":"returnFocus","required":false,"type":{"name":"boolean"}},"store":{"defaultValue":"lightboxStore","description":"Lightbox store, can be used to create multiple instances","name":"store","required":false,"type":{"name":"LightboxStore"}},"toolbarItems":{"defaultValue":null,"description":"Custom toolbar items, overrides default toolbar. Can be a function that receives the current lightbox state and handlers.","name":"toolbarItems","required":false,"type":{"name":"ToolbarItems"}},"transitionDuration":{"defaultValue":"200","description":"Transition duration in milliseconds","name":"transitionDuration","required":false,"type":{"name":"number"}},"transitionProps":{"defaultValue":null,"description":"Props passed down to the <code>Transition</code> component that animates the content, the overlay always fades. By default, the content is scaled from 95% to 100% while fading in.","name":"transitionProps","required":false,"type":{"name":"TransitionProps"}},"withDownload":{"defaultValue":"false","description":"Adds download button to toolbar","name":"withDownload","required":false,"type":{"name":"boolean"}},"withFullscreen":{"defaultValue":"false","description":"Adds fullscreen toggle to toolbar","name":"withFullscreen","required":false,"type":{"name":"boolean"}},"withInitialFocusPlaceholder":{"defaultValue":"true","description":"Adds a hidden focusable element at the start of the lightbox content â prevents the first toolbar button from receiving visible focus when the lightbox is opened with a pointer. Set to <code>false</code> if you need custom focus management.","name":"withInitialFocusPlaceholder","required":false,"type":{"name":"boolean"}},"withKeyboardEvents":{"defaultValue":"true","description":"Determines whether keyboard shortcuts (arrows, <code>F</code>/<code>T</code>/<code>Z</code>) are active, <code>Escape</code> always closes the lightbox","name":"withKeyboardEvents","required":false,"type":{"name":"boolean"}},"withNavigation":{"defaultValue":"true","description":"Shows previous/next navigation arrows","name":"withNavigation","required":false,"type":{"name":"boolean"}},"withSlideTransition":{"defaultValue":"false","description":"Enables animated slide transitions for programmatic navigation","name":"withSlideTransition","required":false,"type":{"name":"boolean"}},"withThumbnails":{"defaultValue":"false","description":"Shows bottom thumbnail strip","name":"withThumbnails","required":false,"type":{"name":"boolean"}},"withZoom":{"defaultValue":"false","description":"Enables image zoom on click/pinch","name":"withZoom","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":"true","description":"Determines whether the lightbox should be rendered inside <code>Portal</code>","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"<code>z-index</code> of the overlay and content elements, <code>400</code> by default","name":"zIndex","required":false,"type":{"name":"string | number"}},"zoomMaxScale":{"defaultValue":"3","description":"Maximum zoom scale","name":"zoomMaxScale","required":false,"type":{"name":"number"}}}},"DayView":{"props":{"allDaySlotHeight":{"defaultValue":"44px","description":"Height of all-day slot","name":"allDaySlotHeight","required":false,"type":{"name":"Height<string | number>"}},"businessHours":{"defaultValue":"[\'09:00:00\', \'17:00:00\']","description":"Business hours range in <code>HH:mm:ss</code> format","name":"businessHours","required":false,"type":{"name":"[string, string]"}},"canDragEvent":{"defaultValue":null,"description":"Function to determine if event can be dragged","name":"canDragEvent","required":false,"type":{"name":"(event: ScheduleEventData) => boolean"}},"canResizeEvent":{"defaultValue":null,"description":"Function to determine if event can be resized","name":"canResizeEvent","required":false,"type":{"name":"(event: ScheduleEventData) => boolean"}},"date":{"defaultValue":null,"description":"Day to display, Date object or date string in <code>YYYY-MM-DD</code> format","name":"date","required":true,"type":{"name":"string | Date"}},"endTime":{"defaultValue":"23:59:59","description":"Time slots end time in <code>HH:mm:ss</code> format","name":"endTime","required":false,"type":{"name":"string"}},"eventDragInterval":{"defaultValue":"intervalMinutes","description":"Snap step for moving events by drag and drop, in minutes. Must divide evenly into an hour (e.g. <code>15</code>, <code>30</code>) or be a whole number of hours. When not set, <code>intervalMinutes</code> is used.","name":"eventDragInterval","required":false,"type":{"name":"number"}},"eventOverlapMode":{"defaultValue":"\'columns\'","description":"Determines how events that overlap in time are laid out: <code>columns</code> splits the available width between them, <code>cascade</code> indents each event and stacks it over the previous one","name":"eventOverlapMode","required":false,"type":{"name":"ScheduleEventOverlapMode","raw":"ScheduleEventOverlapMode | undefined","value":[{"value":"undefined"},{"value":"\\"columns\\""},{"value":"\\"cascade\\""}]}},"eventOverlapRaiseDelay":{"defaultValue":"600","description":"Time in ms the pointer must rest on an event before it is raised above the events covering it, only used with <code>eventOverlapMode=\\"cascade\\"</code>","name":"eventOverlapRaiseDelay","required":false,"type":{"name":"number"}},"eventResizeInterval":{"defaultValue":"intervalMinutes","description":"Snap step for resizing events, in minutes. Must divide evenly into an hour (e.g. <code>15</code>, <code>30</code>) or be a whole number of hours. When not set, <code>intervalMinutes</code> is used.","name":"eventResizeInterval","required":false,"type":{"name":"number"}},"events":{"defaultValue":null,"description":"Events to display, must be a stable reference","name":"events","required":false,"type":{"name":"ScheduleEventData[]"}},"getCurrentTime":{"defaultValue":"() => dayjs()","description":"A function to get the current time, called on every tick. Can be used to display the current time indicator in a different timezone.","name":"getCurrentTime","required":false,"type":{"name":"() =>
1 AnyDateValue"}},"getTimeSlotProps":{"defaultValue":null,"description":"Function to get additional props for each time slot. Receives slot start and end datetime strings. Returned props are spread onto the slot element. Event handlers returned by this function are composed with internal handlers (e.g. onClick) rather than overriding them.","name":"getTimeSlotProps","required":false,"type":{"name":"((data: { start: string; end: string; }) => Record<string, any>) | undefined"}},"headerFormat":{"defaultValue":"MMMM D, YYYY","description":"Date format in the header","name":"headerFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"highlightBusinessHours":{"defaultValue":"false","description":"If set to true, highlights business hours with white background","name":"highlightBusinessHours","required":false,"type":{"name":"boolean"}},"intervalMinutes":{"defaultValue":"15","description":"Number of minutes for each time slot. Must divide evenly into an hour (e.g. <code>15</code>, <code>30</code>) or be a whole number of hours (e.g. <code>120</code>, <code>240</code>)","name":"intervalMinutes","required":false,"type":{"name":"number"}},"labels":{"defaultValue":null,"description":"Labels override","name":"labels","required":false,"type":{"name":"Partial<ScheduleLabels>"}},"locale":{"defaultValue":null,"description":"Locale passed down to dayjs, overrides value defined on <code>DatesProvider</code>","name":"locale","required":false,"type":{"name":"string"}},"mode":{"defaultValue":"default","description":"Interaction mode: \'default\' allows all interactions, \'static\' disables event interactions","name":"mode","required":false,"type":{"name":"ScheduleMode","raw":"ScheduleMode | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"static\\""}]}},"moreEventsProps":{"defaultValue":null,"description":"Props passed down to <code>MoreEvents</code> component","name":"moreEventsProps","required":false,"type":{"name":"Partial<MoreEventsProps>"}},"nextControlProps":{"defaultValue":null,"description":"Props passed to next month control","name":"nextControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"onAllDaySlotClick":{"defaultValue":null,"description":"Called when all-day slot is clicked","name":"onAllDaySlotClick","required":false,"type":{"name":"(date: string, event: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"onDateChange":{"defaultValue":null,"description":"Called when date is changed","name":"onDateChange","required":false,"type":{"name":"(date: string) => void"}},"onEventClick":{"defaultValue":null,"description":"Called when event is clicked","name":"onEventClick","required":false,"type":{"name":"(event: ScheduleEventData, e: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"onEventDragEnd":{"defaultValue":null,"description":"Called when any event drag ends","name":"onEventDragEnd","required":false,"type":{"name":"() => void"}},"onEventDragStart":{"defaultValue":null,"description":"Called when any event drag starts","name":"onEventDragStart","required":false,"type":{"name":"(event: ScheduleEventData) => void"}},"onEventDrop":{"defaultValue":null,"description":"Called when event is dropped at new time","name":"onEventDrop","required":false,"type":{"name":"(data: { eventId: string | number; newStart: string; newEnd: string; event: ScheduleEventData; }) => void"}},"onEventResize":{"defaultValue":null,"description":"Called when event is resized","name":"onEventResize","required":false,"type":{"name":"(data: { eventId: string | number; newStart: string; newEnd: string; event: ScheduleEventData; }) => void"}},"onExternalEventDrop":{"defaultValue":null,"description":"Called when an external item is dropped onto the schedule. Receives the <code>DataTransfer</code> object and the drop target datetime.","name":"onExternalEventDrop","required":false,"type":{"name":"(dataTransfer: DataTransfer, dropDateTime: string) => void"}},"onSlotDragEnd":{"defaultValue":null,"description":"Called when a time slot range is selected by dragging","name":"onSlotDragEnd","required":false,"type":{"name":"(rangeStart: string, rangeEnd: string) => void"}}
1,"onTimeSlotClick":{"defaultValue":null,"description":"Called when time slot is clicked","name":"onTimeSlotClick","required":false,"type":{"name":"(data: { slotStart: string; slotEnd: string; nativeEvent: MouseEvent<HTMLButtonElement, MouseEvent>; }) => void"}},"onViewChange":{"defaultValue":null,"description":"Called when view level select button is clicked","name":"onViewChange","required":false,"type":{"name":"(view: ScheduleViewLevel) => void"}},"previousControlProps":{"defaultValue":null,"description":"Props passed to previous month control","name":"previousControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"recurrenceExpansionLimit":{"defaultValue":"2000","description":"Max number of generated recurring instances per recurring series","name":"recurrenceExpansionLimit","required":false,"type":{"name":"number"}},"renderEvent":{"defaultValue":null,"description":"Function to fully customize event rendering, receives all props that would be passed to the root element including children","name":"renderEvent","required":false,"type":{"name":"RenderEvent"}},"renderEventBody":{"defaultValue":null,"description":"Function to customize event body, <code>event</code> object is passed as first argument","name":"renderEventBody","required":false,"type":{"name":"RenderEventBody"}},"scrollAreaProps":{"defaultValue":null,"description":"Props passed down to the <code>ScrollArea.Autosize</code> component","name":"scrollAreaProps","required":false,"type":{"name":"ScrollAreaAutosizeProps & DataAttributes"}},"slotHeight":{"defaultValue":"64px","description":"Height of 1hr slot","name":"slotHeight","required":false,"type":{"name":"Height<string | number>"}},"slotLabelFormat":{"defaultValue":"HH:mm","description":"Dayjs format for slot labels or a callback function that returns formatted value","name":"slotLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"startScrollTime":{"defaultValue":null,"description":"Time to scroll to on initial render, in <code>HH:mm:ss</code> format","name":"startScrollTime","required":false,"type":{"name":"string"}},"startTime":{"defaultValue":"00:00:00","description":"Time slots start time, in <code>HH:mm:ss</code> format","name":"startTime","required":false,"type":{"name":"string"}},"todayControlProps":{"defaultValue":null,"description":"Props passed to today control","name":"todayControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"viewSelectProps":{"defaultValue":null,"description":"Props passed to view level select","name":"viewSelectProps","required":false,"type":{"name":"Partial<ViewSelectProps> & DataAttributes"}},"withAgenda":{"defaultValue":"false","description":"If set, displays an Agenda button in the header that opens an agenda list view","name":"withAgenda","required":false,"type":{"name":"boolean"}},"withAllDaySlot":{"defaultValue":"true","description":"If set, the all-day slot is displayed below the header","name":"withAllDaySlot","required":false,"type":{"name":"boolean"}},"withCurrentTimeBubble":{"defaultValue":"true","description":"If set, the time indicator displays the current time in the bubble","name":"withCurrentTimeBubble","required":false,"type":{"name":"boolean"}},"withCurrentTimeIndicator":{"defaultValue":null,"description":"If set, displays a line indicating the current time. By default, displayed only for the current day.","name":"withCurrentTimeIndicator","required":false,"type":{"name":"boolean"}},"withDragSlotSelect":{"defaultValue":"false","description":"If set, enables drag-to-select time slot ranges","name":"withDragSlotSelect","required":false,"type":{"name":"boolean"}},"withEventResize":{"defaultValue":"false","description":"If true, events can be resized by dragging their edges","name":"withEventResize","required":false,"type":{"name":"boolean"}},"withEventsDragAndDrop":{"defaultValue":"false","description":"If true, events can be dragged and dropped","name":"withEventsDragAndDrop","required":false,"type":{"name":"boolean"}},"withHeader":{"defaultValue":"true","description":"If set, the header is displayed","
1name":"withHeader","required":false,"type":{"name":"boolean"}},"withInteractiveBackgroundEvents":{"defaultValue":"false","description":"If set, background events (<code>display: \'background\'</code>) can be clicked and trigger <code>onEventClick</code>. Combined with <code>withEventResize</code>, timed background events can also be resized by dragging their edges.","name":"withInteractiveBackgroundEvents","required":false,"type":{"name":"boolean"}},"withSubHourGridLines":{"defaultValue":"true","description":"If set, grid lines are displayed for intervals smaller than one hour, for example 15 and 30 minutes intervals","name":"withSubHourGridLines","required":false,"type":{"name":"boolean"}}}},"MonthView":{"props":{"canDragEvent":{"defaultValue":null,"description":"Function to determine if event can be dragged","name":"canDragEvent","required":false,"type":{"name":"(event: ScheduleEventData) => boolean"}},"consistentWeeks":{"defaultValue":"true","description":"If set, always renders 6 weeks in the month view","name":"consistentWeeks","required":false,"type":{"name":"boolean"}},"date":{"defaultValue":null,"description":"Date to display, Date object or date string in <code>YYYY-MM-DD 00:00:00</code> format","name":"date","required":true,"type":{"name":"string | Date"}},"events":{"defaultValue":null,"description":"Events to display","name":"events","required":false,"type":{"name":"ScheduleEventData[]"}},"firstDayOfWeek":{"defaultValue":"1 â Monday","description":"Number 0-6, where 0 â Sunday and 6 â Saturday.","name":"firstDayOfWeek","required":false,"type":{"name":"0 | 1 | 2 | 3 | 4 | 5 | 6","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"getDayProps":{"defaultValue":null,"description":"Props passed down to the day button","name":"getDayProps","required":false,"type":{"name":"(date: string) => Record<string, any>"}},"getWeekNumberProps":{"defaultValue":null,"description":"Props passed down to the week number button","name":"getWeekNumberProps","required":false,"type":{"name":"(weekStartDate: string) => Record<string, any>"}},"highlightToday":{"defaultValue":"true","description":"If set, highlights the current day","name":"highlightToday","required":false,"type":{"name":"boolean"}},"labels":{"defaultValue":null,"description":"Labels override for i18n","name":"labels","required":false,"type":{"name":"Partial<ScheduleLabels>"}},"locale":{"defaultValue":null,"description":"Locale passed down to dayjs, overrides value defined on <code>DatesProvider</code>","name":"locale","required":false,"type":{"name":"string"}},"maxEventsPerDay":{"defaultValue":"2","description":"Maximum number of events visible per day before \\"+more\\" indicator shows, value is clamped between 1 and 10","name":"maxEventsPerDay","required":false,"type":{"name":"number"}},"mode":{"defaultValue":"default","description":"Interaction mode: \'default\' allows all interactions, \'static\' disables event interactions","name":"mode","required":false,"type":{"name":"ScheduleMode","raw":"ScheduleMode | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"static\\""}]}},"monthYearSelectProps":{"defaultValue":null,"description":"Props passed down to <code>MonthYearSelect</code> component in the header","name":"monthYearSelectProps","required":false,"type":{"name":"Partial<MonthYearSelectProps>"}},"moreEventsProps":{"defaultValue":null,"description":"Props passed down to <code>MoreEvents</code> component","name":"moreEventsProps","required":false,"type":{"name":"Partial<MoreEventsProps>"}},"nextControlProps":{"defaultValue":null,"description":"Props passed to next month control","name":"nextControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"onDateChange":{"defaultValue":null,"description":"Called with the new date value when a date is selected","name":"onDateChange","required":false,"type":{"name":"(value: string) => void"}},"onDayClick":{"defaultValue":null,"description":"Called when day is clicked","name":"onDayCl
1ick","required":false,"type":{"name":"(date: string, event: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"onEventClick":{"defaultValue":null,"description":"Called when event is clicked","name":"onEventClick","required":false,"type":{"name":"(event: ScheduleEventData, e: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"onEventDragEnd":{"defaultValue":null,"description":"Called when any event drag ends","name":"onEventDragEnd","required":false,"type":{"name":"() => void"}},"onEventDragStart":{"defaultValue":null,"description":"Called when any event drag starts","name":"onEventDragStart","required":false,"type":{"name":"(event: ScheduleEventData) => void"}},"onEventDrop":{"defaultValue":null,"description":"Called when event is dropped on new date","name":"onEventDrop","required":false,"type":{"name":"(data: { eventId: string | number; newStart: string; newEnd: string; event: ScheduleEventData; }) => void"}},"onExternalEventDrop":{"defaultValue":null,"description":"Called when an external item is dropped onto the schedule. Receives the <code>DataTransfer</code> object and the drop target datetime.","name":"onExternalEventDrop","required":false,"type":{"name":"(dataTransfer: DataTransfer, dropDateTime: string) => void"}},"onSlotDragEnd":{"defaultValue":null,"description":"Called when a day range is selected by dragging","name":"onSlotDragEnd","required":false,"type":{"name":"(rangeStart: string, rangeEnd: string) => void"}},"onViewChange":{"defaultValue":null,"description":"Called when view level select button is clicked","name":"onViewChange","required":false,"type":{"name":"(view: ScheduleViewLevel) => void"}},"onWeekNumberClick":{"defaultValue":null,"description":"Called with first day of the week when week number is clicked","name":"onWeekNumberClick","required":false,"type":{"name":"(date: string, event: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"previousControlProps":{"defaultValue":null,"description":"Props passed to previous month control","name":"previousControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"recurrenceExpansionLimit":{"defaultValue":"2000","description":"Max number of generated recurring instances per recurring series","name":"recurrenceExpansionLimit","required":false,"type":{"name":"number"}},"renderEvent":{"defaultValue":null,"description":"Function to fully customize event rendering, receives all props that would be passed to the root element including children","name":"renderEvent","required":false,"type":{"name":"RenderEvent"}},"renderEventBody":{"defaultValue":null,"description":"Function to customize event body, <code>event</code> object is passed as first argument","name":"renderEventBody","required":false,"type":{"name":"RenderEventBody"}},"scrollAreaProps":{"defaultValue":null,"description":"Props passed down to <code>ScrollArea</code> component","name":"scrollAreaProps","required":false,"type":{"name":"Partial<ScrollAreaProps> & DataAttributes"}},"todayControlProps":{"defaultValue":null,"description":"Props passed to today control","name":"todayControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"viewSelectProps":{"defaultValue":null,"description":"Props passed to view level select","name":"viewSelectProps","required":false,"type":{"name":"Partial<ViewSelectProps> & DataAttributes"}},"weekdayFormat":{"defaultValue":null,"description":"<code>dayjs</code> format for weekdays names. By default, the first letter of the weekday.","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by <code>DatesProvider</code>.","name":"weekendDays","required":false,"type":{"name":"(0 | 1 | 2 | 3 | 4 | 5 | 6)[]"}},"withAgenda":{"defaultValue":"false","description":"If set, displays an Agenda button in the header that opens an agenda list view","name":"withAgenda","required":false,"type":{"name":"boolean"}},"withDragSlotSelect":{"defaultValue":"false","description":"If set, enables drag-to-select day ranges","name":"withDragSlotSelect","required":false,"type":{"name":"boolean"}},"withEventsDragAndDrop":{"defaultValue":"false","description":"If true, events can be dragged and dropped","name":"withEventsDragAndDrop","required":false,"type":{"name":"boolean"}},"withHeader":{"defaultValue":"true","description":"If set, the header is displayed","
1name":"withHeader","required":false,"type":{"name":"boolean"}},"withInteractiveBackgroundEvents":{"defaultValue":"false","description":"If set, background events (<code>display: \'background\'</code>) can be clicked and trigger <code>onEventClick</code>","name":"withInteractiveBackgroundEvents","required":false,"type":{"name":"boolean"}},"withOutsideDays":{"defaultValue":"true","description":"If set, days from the previous and next months are displayed to fill the weeks","name":"withOutsideDays","required":false,"type":{"name":"boolean"}},"withWeekDays":{"defaultValue":"true","description":"If set, weekdays names are displayed in the first row","name":"withWeekDays","required":false,"type":{"name":"boolean"}},"withWeekNumbers":{"defaultValue":"false","description":"If set, week numbers are displayed in the first column","name":"withWeekNumbers","required":false,"type":{"name":"boolean"}},"withWeekendDays":{"defaultValue":"true","description":"If set, weekend days are displayed. When <code>false</code>, days defined by <code>weekendDays</code> are hidden and the grid shrinks to the remaining columns","name":"withWeekendDays","required":false,"type":{"name":"boolean"}}}},"WeekView":{"props":{"allDaySlotHeight":{"defaultValue":"48px","description":"Height of all-day slot","name":"allDaySlotHeight","required":false,"type":{"name":"Height<string | number>"}},"businessHours":{"defaultValue":"[\'09:00:00\', \'17:00:00\']","description":"Business hours range in <code>HH:mm:ss</code> format shared across all days, or a per-day record keyed by day of the week (<code>0</code> â Sunday, <code>6</code> â Saturday) for day-specific ranges. Set a day to <code>null</code> to mark it as fully outside business hours.","name":"businessHours","required":false,"type":{"name":"BusinessHoursValue"}},"canDragEvent":{"defaultValue":null,"description":"Function to determine if event can be dragged","name":"canDragEvent","required":false,"type":{"name":"(event: ScheduleEventData) => boolean"}},"canResizeEvent":{"defaultValue":null,"description":"Function to determine if event can be resized","name":"canResizeEvent","required":false,"type":{"name":"(event: ScheduleEventData) => boolean"}},"date":{"defaultValue":null,"description":"Week to display, Date object or date string in <code>YYYY-MM-DD</code> format","name":"date","required":true,"type":{"name":"string | Date"}},"endTime":{"defaultValue":"23:59:59","description":"End time for the day view, in <code>HH:mm:ss</code> format","name":"endTime","required":false,"type":{"name":"string"}},"eventDragInterval":{"defaultValue":"intervalMinutes","description":"Snap step for moving events by drag and drop, in minutes. Must divide evenly into an hour (e.g. <code>15</code>, <code>30</code>) or be a whole number of hours. When not set, <code>intervalMinutes</code> is used.","name":"eventDragInterval","required":false,"type":{"name":"number"}},"eventOverlapMode":{"defaultValue":"\'columns\'","description":"Determines how events that overlap in time are laid out: <code>columns</code> splits the available width between them, <code>cascade</code> indents each event and stacks it over the previous one","name":"eventOverlapMode","required":false,"type":{"name":"ScheduleEventOverlapMode","raw":"ScheduleEventOverlapMode | undefined","value":[{"value":"undefined"},{"value":"\\"columns\\""},{"value":"\\"cascade\\""}]}},"eventOverlapRaiseDelay":{"defaultValue":"600","description":"Time in ms the pointer must rest on an event before it is raised above the events covering it, only used with <code>eventOverlapMode=\\"cascade\\"</code>","name":"eventOverlapRaiseDelay","required":false,"type":{"name":"number"}},"eventResizeInterval":{"defaultValue":"intervalMinutes","description":"Snap step for resizing events, in minutes. Must divide evenly into an hour (e.g. <code>15</code>, <code>30</code>) or be a whole number of hours. When not set, <code>intervalMinutes</code> is used.","name":"eventResizeInterval","required":false,"type":{"name":"number"}},"events":{"defaultValue":null,"description":"List of events to display in the week view","name":"events","required":false,"type":{"name":"ScheduleEventData[]"}},"firstDayOfWeek":{"defaultValue":"1 â Monday","description":"Number 0-6, where 0 â Sunday and 6 â Saturday.","name":"firstDayOfWeek","required":false,"type":{"name":"0 | 1 | 2 | 3 | 4 | 5 | 6","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"forceCurrentTimeIndicator":{"defaultValue":"false","description":"If set, displays the current time indicator on the same day of week even when viewing a different week","name":"forceCurrentTimeIndicator","required":false,"type":{"name":"boolean"}},"getCurrentTime":{"defaultValue":"() => dayjs()","description":"A function to get the current time, called on every tick. Can be used to display the current time indicator in a different timezone.","name":"getCurrentTime","required":false,"type":{"name":"() =>
1 AnyDateValue"}},"getTimeSlotProps":{"defaultValue":null,"description":"Function to get additional props for each time slot. Receives slot start and end datetime strings. Returned props are spread onto the slot element. Event handlers returned by this function are composed with internal handlers (e.g. onClick) rather than overriding them.","name":"getTimeSlotProps","required":false,"type":{"name":"((data: { start: string; end: string; }) => Record<string, any>) | undefined"}},"highlightBusinessHours":{"defaultValue":"false","description":"If set to true, highlights business hours with white background","name":"highlightBusinessHours","required":false,"type":{"name":"boolean"}},"highlightToday":{"defaultValue":"false","description":"If set to true, highlights today in the weekday row","name":"highlightToday","required":false,"type":{"name":"boolean"}},"intervalMinutes":{"defaultValue":"60","description":"Number of minutes for each interval in the day view. Must divide evenly into an hour (e.g. <code>15</code>, <code>30</code>) or be a whole number of hours (e.g. <code>120</code>, <code>240</code>)","name":"intervalMinutes","required":false,"type":{"name":"number"}},"labels":{"defaultValue":null,"description":"Labels override","name":"labels","required":false,"type":{"name":"Partial<ScheduleLabels>"}},"locale":{"defaultValue":null,"description":"Locale passed down to dayjs, overrides value defined on <code>DatesProvider</code>","name":"locale","required":false,"type":{"name":"string"}},"mode":{"defaultValue":"default","description":"Interaction mode: \'default\' allows all interactions, \'static\' disables event interactions","name":"mode","required":false,"type":{"name":"ScheduleMode","raw":"ScheduleMode | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"static\\""}]}},"nextControlProps":{"defaultValue":null,"description":"Props passed to next month control","name":"nextControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"onAllDaySlotClick":{"defaultValue":null,"description":"Called when all-day slot is clicked","name":"onAllDaySlotClick","required":false,"type":{"name":"(day: string, event: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"onDateChange":{"defaultValue":null,"description":"Called with the new date value when a date is selected","name":"onDateChange","required":false,"type":{"name":"(value: string) => void"}},"onEventClick":{"defaultValue":null,"description":"Called when event is clicked","name":"onEventClick","required":false,"type":{"name":"(event: ScheduleEventData, e: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"onEventDragEnd":{"defaultValue":null,"description":"Called when any event drag ends","name":"onEventDragEnd","required":false,"type":{"name":"() => void"}},"onEventDragStart":{"defaultValue":null,"description":"Called when any event drag starts","name":"onEventDragStart","required":false,"type":{"name":"(event: ScheduleEventData) => void"}},"onEventDrop":{"defaultValue":null,"description":"Called when event is dropped at new time","name":"onEventDrop","required":false,"type":{"name":"(data: { eventId: string | number; newStart: string; newEnd: string; event: ScheduleEventData; }) => void"}},"onEventResize":{"defaultValue":null,"description":"Called when event is resized","name":"onEventResize","required":false,"type":{"name":"(data: { eventId: string | number; newStart: string; newEnd: string; event: ScheduleEventData; }) => void"}},"onExternalEventDrop":{"defaultValue":null,"description":"Called when an external item is dropped onto the schedule. Receives the <code>DataTransfer</code> object and the drop target datetime.","name":"onExternalEventDrop","required":false,"type":{"name":"(dataTransfer: DataTransfer, dropDateTime: string) => void"}},"onSlotDragEnd":{"defaultValue":null,"description":"Called when a time slot range is selected by dragging","name":"onSlotDragEnd","required":false,"type":{"name":"(rangeStart: string, rangeEnd: string) => void"}},"onTimeSlotClick":{"defaultValue":null,"description":"Called when time slot is clicked","name":"onTimeSlot
1Click","required":false,"type":{"name":"(data: { slotStart: string; slotEnd: string; nativeEvent: MouseEvent<HTMLButtonElement, MouseEvent>; }) => void"}},"onViewChange":{"defaultValue":null,"description":"Called when view level select button is clicked","name":"onViewChange","required":false,"type":{"name":"(view: ScheduleViewLevel) => void"}},"previousControlProps":{"defaultValue":null,"description":"Props passed to previous month control","name":"previousControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"recurrenceExpansionLimit":{"defaultValue":"2000","description":"Max number of generated recurring instances per recurring series","name":"recurrenceExpansionLimit","required":false,"type":{"name":"number"}},"renderEvent":{"defaultValue":null,"description":"Function to fully customize event rendering, receives all props that would be passed to the root element including children","name":"renderEvent","required":false,"type":{"name":"RenderEvent"}},"renderEventBody":{"defaultValue":null,"description":"Function to customize event body, <code>event</code> object is passed as first argument","name":"renderEventBody","required":false,"type":{"name":"RenderEventBody"}},"renderWeekLabel":{"defaultValue":null,"description":"Function to customize week label in the header","name":"renderWeekLabel","required":false,"type":{"name":"(params: { weekStart: string; weekEnd: string; }) => ReactNode"}},"scrollAreaProps":{"defaultValue":null,"description":"Props passed down to the <code>ScrollArea.Autosize</code> component","name":"scrollAreaProps","required":false,"type":{"name":"ScrollAreaAutosizeProps & DataAttributes"}},"slotHeight":{"defaultValue":"64px","description":"Height of 1hr slot","name":"slotHeight","required":false,"type":{"name":"Height<string | number>"}},"slotLabelFormat":{"defaultValue":"HH:mm","description":"Dayjs format for slot labels or a callback function that returns formatted value","name":"slotLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"startScrollTime":{"defaultValue":null,"description":"Time to scroll to on initial render, in <code>HH:mm:ss</code> format","name":"startScrollTime","required":false,"type":{"name":"string"}},"startTime":{"defaultValue":"00:00:00","description":"Start time for the day view, in <code>HH:mm:ss</code> format","name":"startTime","required":false,"type":{"name":"string"}},"todayControlProps":{"defaultValue":null,"description":"Props passed to today control","name":"todayControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"viewSelectProps":{"defaultValue":null,"description":"Props passed to view level select","name":"viewSelectProps","required":false,"type":{"name":"Partial<ViewSelectProps> & DataAttributes"}},"weekLabelFormat":{"defaultValue":"\'MMM DD\'","description":"Format for week label","name":"weekLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekdayFormat":{"defaultValue":"\'ddd\'","description":"<code>dayjs</code> format for weekdays names.","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by <code>DatesProvider</code>.","name":"weekendDays","required":false,"type":{"name":"(0 | 1 | 2 | 3 | 4 | 5 | 6)[]"}},"withAgenda":{"defaultValue":"false","description":"If set, displays an Agenda button in the header that opens an agenda list view","name":"withAgenda","required":false,"type":{"name":"boolean"}},"withAllDaySlots":{"defaultValue":"true","description":"If set, displays all-day slots at the top of the view","name":"withAllDaySlots","required":false,"type":{"name":"boolean"}},"withCurrentTimeBubble":{"defaultValue":"true","description":"If set, the time indicator displays the current time in the bubble","name":"withCurrentTimeBubble","required":false,"type":{"name":"boolean"}},"withCurrentTimeIndicator":{"defaultValue":"true","description":"If set, displays a line indicating the current time","name":"withCurrentTimeIndicator","required":false,"type":{"name":"boolean"}},"withDragSlotSelect":{"defaultValue":"false","description":"If set, enables drag-to-select time slot ranges","name":"withDragSlotSelect","required":false,"type":{"name":"boolean"}},"withEventResize":{"defaultValue":"false","description":"If true, events can be resized by dragging their edges","name":"withEventResize","required":false,"type":{"name":"boolean"}},"withEventsDragAndDrop":{"defaultValue":"false","description":"If true, events can be dragged and dropped","name":"withEventsDragAndDrop","required":false,"type":{"name":"boolean"}},"withHeader":{"defaultValue":"true","description":"If set, the header is displayed","
1name":"withHeader","required":false,"type":{"name":"boolean"}},"withInteractiveBackgroundEvents":{"defaultValue":"false","description":"If set, background events (<code>display: \'background\'</code>) can be clicked and trigger <code>onEventClick</code>. Combined with <code>withEventResize</code>, timed background events can also be resized by dragging their edges.","name":"withInteractiveBackgroundEvents","required":false,"type":{"name":"boolean"}},"withSubHourGridLines":{"defaultValue":"true","description":"If set, grid lines are displayed for intervals smaller than one hour, for example 15 and 30 minutes intervals","name":"withSubHourGridLines","required":false,"type":{"name":"boolean"}},"withWeekNumber":{"defaultValue":"true","description":"If set, the week number is displayed at the top left corner","name":"withWeekNumber","required":false,"type":{"name":"boolean"}},"withWeekendDays":{"defaultValue":"true","description":"If set to false, weekend days are hidden","name":"withWeekendDays","required":false,"type":{"name":"boolean"}}}},"YearView":{"props":{"date":{"defaultValue":null,"description":"Date to display, Date object or date string in <code>YYYY-MM-DD 00:00:00</code> format","name":"date","required":true,"type":{"name":"string | Date"}},"events":{"defaultValue":null,"description":"Events to display, must be a stable reference","name":"events","required":false,"type":{"name":"ScheduleEventData[]"}},"firstDayOfWeek":{"defaultValue":"0","description":"Number 0-6, where 0 â Sunday and 6 â Saturday","name":"firstDayOfWeek","required":false,"type":{"name":"0 | 1 | 2 | 3 | 4 | 5 | 6","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"getDayProps":{"defaultValue":null,"description":"Props passed down to the day button","name":"getDayProps","required":false,"type":{"name":"(date: string) => Record<string, any>"}},"getWeekNumberProps":{"defaultValue":null,"description":"Props passed down to the week number button","name":"getWeekNumberProps","required":false,"type":{"name":"(weekStartDate: string) => Record<string, any>"}},"highlightToday":{"defaultValue":"true","description":"If set, highlights the current day","name":"highlightToday","required":false,"type":{"name":"boolean"}},"labels":{"defaultValue":null,"description":"Labels override for i18n","name":"labels","required":false,"type":{"name":"Partial<ScheduleLabels>"}},"locale":{"defaultValue":null,"description":"Locale passed down to dayjs, overrides value defined on <code>DatesProvider</code>","name":"locale","required":false,"type":{"name":"string"}},"mode":{"defaultValue":"default","description":"Interaction mode: \'default\' allows all interactions, \'static\' disables event interactions","name":"mode","required":false,"type":{"name":"ScheduleMode","raw":"ScheduleMode | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"static\\""}]}},"monthLabelFormat":{"defaultValue":"\'MMMM\'","description":"<code>dayjs</code> format for month label","name":"monthLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"monthYearSelectProps":{"defaultValue":null,"description":"Props passed down to <code>MonthYearSelect</code> component in the header","name":"monthYearSelectProps","required":false,"type":{"name":"Partial<MonthYearSelectProps>"}},"nextControlProps":{"defaultValue":null,"description":"Props passed to next month control","name":"nextControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"onDateChange":{"defaultValue":null,"description":"Called with the new date value when a date is selected","name":"onDateChange","required":false,"type":{"name":"(value: string) => void"}},"onDayClick":{"defaultValue":null,"description":"Called when day is clicked","name":"onDayClick","required":false,"type":{"name":"(date: string, event: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"onMonthClick":{"defaultValue":null,"description":"Called with the first day of the month when month label is clicked","name":"onMonthClick","required":false,"type":{"name":"(date: string, event: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"onViewChange":{"defaultValue":null,"description":"Called when view level select button is clicked","name":"onViewChange","required":false,"type":{"name":"(view: ScheduleViewLevel) => void"}},"onWeekNumberClick":{"defaultValue":null,"description":"Called with first day of the week when week number is clicked","name":"onWeekNumberClick","required":false,"type":{"name":"(date: string, event: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"previousControlProps":{"defaultValue":null,"description":"Props passed to previous month control","name":"previousControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"recurrenceExpansionLimit":{"defaultValue":"2000","description":"Max number of generated recurring instances per recurring series","name":"recurrenceExpansionLimit","required":false,"type":{"name":"number"}},"renderDay":{"defaultValue":null,"description":"A function to replace the entire content of a day cell, called with the day date\\n
1and the events grouped on that day â the same list that is used to render the default\\nindicators. When set, default event indicators are not rendered.","name":"renderDay","required":false,"type":{"name":"YearViewRenderDay"}},"todayControlProps":{"defaultValue":null,"description":"Props passed to today control","name":"todayControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"viewSelectProps":{"defaultValue":null,"description":"Props passed to view level select","name":"viewSelectProps","required":false,"type":{"name":"Partial<ViewSelectProps> & DataAttributes"}},"weekdayFormat":{"defaultValue":"\'d\'","description":"<code>dayjs</code> format for weekdays names","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by <code>DatesProvider</code>.","name":"weekendDays","required":false,"type":{"name":"(0 | 1 | 2 | 3 | 4 | 5 | 6)[]"}},"withHeader":{"defaultValue":"true","description":"If set, the header is displayed","name":"withHeader","required":false,"type":{"name":"boolean"}},"withOutsideDays":{"defaultValue":"true","description":"If true, days from adjacent months are displayed","name":"withOutsideDays","required":false,"type":{"name":"boolean"}},"withWeekDays":{"defaultValue":"true","description":"If set, weekdays names are displayed in the first row","name":"withWeekDays","required":false,"type":{"name":"boolean"}},"withWeekNumbers":{"defaultValue":null,"description":"If set, show week numbers","name":"withWeekNumbers","required":false,"type":{"name":"boolean"}},"withWeekendDays":{"defaultValue":"true","description":"If set, weekend days are displayed. When <code>false</code>, weekend columns are hidden and the month grid shrinks.","name":"withWeekendDays","required":false,"type":{"name":"boolean"}}}},"Schedule":{"props":{"canDragEvent":{"defaultValue":null,"description":"Function to determine if event can be dragged","name":"canDragEvent","required":false,"type":{"name":"(event: ScheduleEventData) => boolean"}},"canResizeEvent":{"defaultValue":null,"description":"Function to determine if event can be resized","name":"canResizeEvent","required":false,"type":{"name":"(event: ScheduleEventData) => boolean"}},"date":{"defaultValue":null,"description":"Current date to display (controlled)","name":"date","required":false,"type":{"name":"string | Date"}},"dayViewProps":{"defaultValue":null,"description":"Props specific to DayView (includes <code>startTime</code>, <code>endTime</code>, <code>intervalMinutes</code>, etc.)","name":"dayViewProps","required":false,"type":{"name":"Partial<Omit<DayViewProps, ScheduleCommonProps>>"}},"defaultDate":{"defaultValue":null,"description":"Default date (uncontrolled)","name":"defaultDate","required":false,"type":{"name":"string | Date"}},"defaultView":{"defaultValue":null,"description":"Default view level (uncontrolled)","name":"defaultView","required":false,"type":{"name":"ScheduleViewLevel","raw":"ScheduleViewLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"week\\""},{"value":"\\"day\\""},{"value":"\\"year\\""}]}},"events":{"defaultValue":null,"description":"Events to display across all views","name":"events","required":false,"type":{"name":"ScheduleEventData[]"}},"labels":{"defaultValue":null,"description":"Labels override for i18n","name":"labels","required":false,"type":{"name":"Partial<ScheduleLabels>"}},"layout":{"defaultValue":"\'default\'","description":"Layout mode:\\n- <code>\'default\'</code> uses same views on all screen sizes\\n- <code>\'responsive\'</code> switches to YearView/MobileMonthView on small screens","name":"layout","required":false,"type":{"name":"ScheduleLayout","raw":"ScheduleLayout | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"responsive\\""}]}},"locale":{"defaultValue":null,"description":"Locale for date formatting (overrides <code>DatesProvider</code>)","name":"locale","required":false,"type":{"name":"string"}},"mobileMonthViewProps":{"defaultValue":null,"description":"Props specific to MobileMonthView (used in responsive layout)","name":"mobileMonthViewProps","required":false,"type":{"name":"Partial<Omit<MobileMonthViewProps, ScheduleCommonProps>>"}},"mode":{"defaultValue":"\'default\'","description":"Interaction mode:\\n- <code>\'default\'</code> allows all interactions\\n- <code>\'static\'</code> disables event interactions","name":"mode","required":false,"type":{"name":"ScheduleMode","raw":"ScheduleMode | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"static\\""}]}},"monthViewProps":{"defaultValue":null,"description":"Props specific to MonthView (includes <code>firstDayOfWeek</code>, <code>weekendDays</code>, etc.)","name":"monthViewProps","required":false,"type":{"name":"Partial<Omit<MonthViewProps, ScheduleCommonProps>>"}},"onAllDaySlotClick":{"defaultValue":null,"description":"Called when all-day slot is clicked in DayView/WeekView","name":"onAllDaySlotClick","required":false,"type":{"name":"(date: string, event: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes via navigation","name":"onDateChange","required":false,"type":{"name":"(date: string) => void"}},"onDayClick":{"defaultValue":null,"description":"Called when a day is clicked in MonthView and YearView","name":"onDayCl
1ick","required":false,"type":{"name":"(date: string, event: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"onEventClick":{"defaultValue":null,"description":"Called when event is clicked in any view","name":"onEventClick","required":false,"type":{"name":"(event: ScheduleEventData, e: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"onEventDragEnd":{"defaultValue":null,"description":"Called when any event drag ends","name":"onEventDragEnd","required":false,"type":{"name":"() => void"}},"onEventDragStart":{"defaultValue":null,"description":"Called when any event drag starts","name":"onEventDragStart","required":false,"type":{"name":"(event: ScheduleEventData) => void"}},"onEventDrop":{"defaultValue":null,"description":"Called when event is dropped","name":"onEventDrop","required":false,"type":{"name":"(data: { eventId: string | number; newStart: string; newEnd: string; event: ScheduleEventData; }) => void"}},"onEventResize":{"defaultValue":null,"description":"Called when event is resized","name":"onEventResize","required":false,"type":{"name":"(data: { eventId: string | number; newStart: string; newEnd: string; event: ScheduleEventData; }) => void"}},"onExternalEventDrop":{"defaultValue":null,"description":"Called when an external item is dropped onto the schedule. Receives the <code>DataTransfer</code> object and the drop target datetime.","name":"onExternalEventDrop","required":false,"type":{"name":"(dataTransfer: DataTransfer, dropDateTime: string) => void"}},"onSlotDragEnd":{"defaultValue":null,"description":"Called when a slot range is selected by dragging","name":"onSlotDragEnd","required":false,"type":{"name":"(rangeStart: string, rangeEnd: string) => void"}},"onTimeSlotClick":{"defaultValue":null,"description":"Called when time slot is clicked in DayView/WeekView","name":"onTimeSlotClick","required":false,"type":{"name":"(data: { slotStart: string; slotEnd: string; nativeEvent: MouseEvent<HTMLButtonElement, MouseEvent>; }) => void"}},"onViewChange":{"defaultValue":null,"description":"Called when view level changes","name":"onViewChange","required":false,"type":{"name":"(view: ScheduleViewLevel) => void"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"recurrenceExpansionLimit":{"defaultValue":"2000","description":"Max number of generated recurring instances per recurring series","name":"recurrenceExpansionLimit","required":false,"type":{"name":"number"}},"renderEventBody":{"defaultValue":null,"description":"Custom event body renderer","name":"renderEventBody","required":false,"type":{"name":"RenderEventBody"}},"view":{"defaultValue":null,"description":"Current view level (controlled)","name":"view","required":false,"type":{"name":"ScheduleViewLevel","raw":"ScheduleViewLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"week\\""},{"value":"\\"day\\""},{"value":"\\"year\\""}]}},"weekViewProps":{"defaultValue":null,"description":"Props specific to WeekView (includes <code>startTime</code>, <code>endTime</code>, <code>intervalMinutes</code>, etc.)","name":"weekViewProps","required":false,"type":{"name":"Partial<Omit<WeekViewProps, ScheduleCommonProps>>"}},"withAgenda":{"defaultValue":"false","description":"If set, displays an Agenda button in the header of DayView, WeekView and MonthView","name":"withAgenda","required":false,"type":{"name":"boolean"}},"withDragSlotSelect":{"defaultValue":"false","description":"If set, enables drag-to-select slot ranges","name":"withDragSlotSelect","required":false,"type":{"name":"boolean"}},"withEventResize":{"defaultValue":"false","description":"If true, events can be resized by dragging their edges","name":"withEventResize","required":false,"type":{"name":"boolean"}},"withEventsDragAndDrop":{"defaultValue":"false","description":"Enable drag and drop for events","name":"withEventsDragAndDrop","required":false,"type":{"name":"boolean"}},"withInteractiveBackgroundEvents":{"defaultValue":"false","description":"If set, background events (<code>display: \'background\'</code>) can be clicked and trigger <code>onEventClick</code>. Applies to <code>day</code>, <code>week</code> and <code>month</code> views only â <code>YearView</code> and the <code>MobileMonthView</code> used by <code>layout=\\"responsive\\"</code> on small screens do not render background events at all. Combined with <code>withEventResize</code>, timed background events in <code>day</code> and <code>week</code> views can also be resized by dragging their edges.","name":"withInteractiveBackgroun
1dEvents","required":false,"type":{"name":"boolean"}},"yearViewProps":{"defaultValue":null,"description":"Props specific to YearView (includes <code>firstDayOfWeek</code>, <code>weekendDays</code>, etc.)","name":"yearViewProps","required":false,"type":{"name":"Partial<Omit<YearViewProps, ScheduleCommonProps>>"}}}},"MobileMonthView":{"props":{"consistentWeeks":{"defaultValue":"true","description":"If set, always renders 6 weeks in the month view","name":"consistentWeeks","required":false,"type":{"name":"boolean"}},"date":{"defaultValue":null,"description":"Date to display, Date object or date string in <code>YYYY-MM-DD 00:00:00</code> format","name":"date","required":true,"type":{"name":"string | Date"}},"defaultSelectedDate":{"defaultValue":null,"description":"Default selected date (uncontrolled)","name":"defaultSelectedDate","required":false,"type":{"name":"string | Date | null"}},"events":{"defaultValue":null,"description":"Events to display","name":"events","required":false,"type":{"name":"ScheduleEventData[]"}},"eventsHeaderFormat":{"defaultValue":"\'dddd, MMMM D\'","description":"Format for the events list header date","name":"eventsHeaderFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"firstDayOfWeek":{"defaultValue":"1 â Monday","description":"Number 0-6, where 0 â Sunday and 6 â Saturday.","name":"firstDayOfWeek","required":false,"type":{"name":"0 | 1 | 2 | 3 | 4 | 5 | 6","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"getDayProps":{"defaultValue":null,"description":"Props passed down to the day button","name":"getDayProps","required":false,"type":{"name":"(date: string) => Record<string, any>"}},"getWeekNumberProps":{"defaultValue":null,"description":"Props passed down to the week number button","name":"getWeekNumberProps","required":false,"type":{"name":"(weekStartDate: string) => Record<string, any>"}},"highlightToday":{"defaultValue":"true","description":"If set, highlights the current day","name":"highlightToday","required":false,"type":{"name":"boolean"}},"labels":{"defaultValue":null,"description":"Labels override for i18n","name":"labels","required":false,"type":{"name":"Partial<ScheduleLabels>"}},"locale":{"defaultValue":null,"description":"Locale passed down to dayjs, overrides value defined on <code>DatesProvider</code>","name":"locale","required":false,"type":{"name":"string"}},"mode":{"defaultValue":"\'default\'","description":"Interaction mode: \'default\' allows all interactions, \'static\' disables event interactions","name":"mode","required":false,"type":{"name":"ScheduleMode","raw":"ScheduleMode | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"static\\""}]}},"onDateChange":{"defaultValue":null,"description":"Called with the new date value when a date is selected","name":"onDateChange","required":false,"type":{"name":"(value: string) => void"}},"onDayClick":{"defaultValue":null,"description":"Called when day is clicked","name":"onDayClick","required":false,"type":{"name":"(date: string, event: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"onEventClick":{"defaultValue":null,"description":"Called when event is clicked","name":"onEventClick","required":false,"type":{"name":"(event: ScheduleEventData, e: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"onSelectedDateChange":{"defaultValue":null,"description":"Called when selected date changes","name":"onSelectedDateChange","required":false,"type":{"name":"(value: string | null) => void"}},"onWeekNumberClick":{"defaultValue":null,"description":"Called with first day of the week when week number is clicked","name":"onWeekNumberClick","required":false,"type":{"name":"(date: string, event: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"onYearClick":{"defaultValue":null,"description":"Called when the year back button in the header is clicked","name":"onYearClick","required":false,"type":{"name":"() => void"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"recurrenceExpansionLimit":{"defaultValue":"2000","description":"Max number of generated recurring instances per recurring series","name":"recurrenceExpansionLimit","required":false,"type":{"name":"number"}},"renderEvent":{"defaultValue":null,"description":"Function to fully customize event rendering, receives all props that would be passed to the root element including children","name":"renderEvent","required":false,"type":{"name":"RenderEvent"}},"renderHeader":{"defaultValue":null,"description":"Custom header renderer, receives object with mode, date, and default header element","name":"renderHeader","required":false,"type":{"name":"(input: MobileMonthViewRenderHeaderInput) => ReactNode"}},"selectedDate":{"defaultValue":null,"description":"Currently selected date (controlled)","name":"selectedDate","required":false,"type":{"name":"string | Date | null"}},"weekdayFormat":{"defaultValue":null,"description":"<code>dayjs</code> format for weekdays names. By default, the first letter of the weekday.","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by <code>
1DatesProvider</code>.","name":"weekendDays","required":false,"type":{"name":"(0 | 1 | 2 | 3 | 4 | 5 | 6)[]"}},"withOutsideDays":{"defaultValue":"false","description":"If set, days from the previous and next months are displayed to fill the weeks","name":"withOutsideDays","required":false,"type":{"name":"boolean"}},"withWeekDays":{"defaultValue":"true","description":"If set, weekdays names are displayed in the first row","name":"withWeekDays","required":false,"type":{"name":"boolean"}},"withWeekNumbers":{"defaultValue":"false","description":"If set, week numbers are displayed in the first column","name":"withWeekNumbers","required":false,"type":{"name":"boolean"}}}},"ResourcesDayView":{"props":{"businessHours":{"defaultValue":"[\'09:00:00\', \'17:00:00\']","description":"Business hours range in <code>HH:mm:ss</code> format","name":"businessHours","required":false,"type":{"name":"[string, string]"}},"canDragEvent":{"defaultValue":null,"description":"Function to determine if event can be dragged","name":"canDragEvent","required":false,"type":{"name":"(event: ScheduleEventData) => boolean"}},"canResizeEvent":{"defaultValue":null,"description":"Function to determine if event can be resized","name":"canResizeEvent","required":false,"type":{"name":"(event: ScheduleEventData) => boolean"}},"date":{"defaultValue":null,"description":"Day to display, Date object or date string in <code>YYYY-MM-DD</code> format","name":"date","required":true,"type":{"name":"string | Date"}},"endTime":{"defaultValue":"23:59:59","description":"End time for the day view, in <code>HH:mm:ss</code> format","name":"endTime","required":false,"type":{"name":"string"}},"eventDragInterval":{"defaultValue":"intervalMinutes","description":"Snap step for moving events by drag and drop, in minutes. Must divide evenly into an hour (e.g. <code>15</code>, <code>30</code>) or be a whole number of hours. When not set, <code>intervalMinutes</code> is used.","name":"eventDragInterval","required":false,"type":{"name":"number"}},"eventResizeInterval":{"defaultValue":"intervalMinutes","description":"Snap step for resizing events, in minutes. Must divide evenly into an hour (e.g. <code>15</code>, <code>30</code>) or be a whole number of hours. When not set, <code>intervalMinutes</code> is used.","name":"eventResizeInterval","required":false,"type":{"name":"number"}},"events":{"defaultValue":null,"description":"List of events to display","name":"events","required":false,"type":{"name":"ScheduleEventData[]"}},"getCurrentTime":{"defaultValue":"() => dayjs()","description":"A function to get the current time, called on every tick. Can be used to display the current time indicator in a different timezone.","name":"getCurrentTime","required":false,"type":{"name":"() => AnyDateValue"}},"groupLabelWidth":{"defaultValue":"80px","description":"Width of the group label column","name":"groupLabelWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"groups":{"defaultValue":null,"description":"List of resource groups to display as a column to the left of resource labels","name":"groups","required":false,"type":{"name":"ScheduleResourceGroup[]"}},"headerFormat":{"defaultValue":"\'MMMM D, YYYY\'","description":"Dayjs format for header label","name":"headerFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"highlightBusinessHours":{"defaultValue":"false","description":"If set to true, highlights business hours with white background","name":"highlightBusinessHours","required":false,"type":{"name":"boolean"}},"intervalMinutes":{"defaultValue":"60","description":"Number of minutes for each interval in the day view. Must divide evenly into an hour (e.g. <code>15</code>, <code>30</code>) or be a whole number of hours (e.g. <code>120</code>, <code>240</code>)","name":"intervalMinutes","required":false,"type":{"name":"number"}},"labels":{"defaultValue":null,"description":"Labels override","name":"labels","required":false,"type":{"name":"Partial<ScheduleLabels>"}},"locale":{"defaultValue":null,"description":"Locale passed down to dayjs, overrides value defined on <code>
1DatesProvider</code>","name":"locale","required":false,"type":{"name":"string"}},"maxEventsPerTimeSlot":{"defaultValue":"2","description":"Maximum number of events visible per time slot before \\"+more\\" indicator shows, minimum value is 1","name":"maxEventsPerTimeSlot","required":false,"type":{"name":"number"}},"minEventSize":{"defaultValue":"1","description":"Minimum on-screen size of an event along the time axis, in px. Prevents very short events from collapsing. Larger values make brief events easier to see but extend them past their real start time.","name":"minEventSize","required":false,"type":{"name":"number"}},"mode":{"defaultValue":"default","description":"Interaction mode","name":"mode","required":false,"type":{"name":"ScheduleMode","raw":"ScheduleMode | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"static\\""}]}},"moreEventsProps":{"defaultValue":null,"description":"Props passed down to <code>MoreEvents</code> component","name":"moreEventsProps","required":false,"type":{"name":"Partial<MoreEventsProps>"}},"nextControlProps":{"defaultValue":null,"description":"Props passed to next control","name":"nextControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"onDateChange":{"defaultValue":null,"description":"Called with the new date value when a date is selected","name":"onDateChange","required":false,"type":{"name":"(value: string) => void"}},"onEventClick":{"defaultValue":null,"description":"Called when event is clicked","name":"onEventClick","required":false,"type":{"name":"(event: ScheduleEventData, e: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"onEventDragEnd":{"defaultValue":null,"description":"Called when any event drag ends","name":"onEventDragEnd","required":false,"type":{"name":"() => void"}},"onEventDragStart":{"defaultValue":null,"description":"Called when any event drag starts","name":"onEventDragStart","required":false,"type":{"name":"(event: ScheduleEventData) => void"}},"onEventDrop":{"defaultValue":null,"description":"Called when event is dropped at new time, includes target resourceId","name":"onEventDrop","required":false,"type":{"name":"((data: { eventId: string | number; newStart: string; newEnd: string; event: ScheduleEventData; resourceId?: string | number; }) => void) | undefined"}},"onEventResize":{"defaultValue":null,"description":"Called when event is resized","name":"onEventResize","required":false,"type":{"name":"(data: { eventId: string | number; newStart: string; newEnd: string; event: ScheduleEventData; }) => void"}},"onExternalEventDrop":{"defaultValue":null,"description":"Called when an external item is dropped onto the schedule","name":"onExternalEventDrop","required":false,"type":{"name":"((data: { dataTransfer: DataTransfer; dropDateTime: string; resourceId?: string | number; }) => void) | undefined"}},"onSlotDragEnd":{"defaultValue":null,"description":"Called when a time slot range is selected by dragging, includes resourceId","name":"onSlotDragEnd","required":false,"type":{"name":"((data: { rangeStart: string; rangeEnd: string; resourceId?: string | number; }) => void) | undefined"}},"onTimeSlotClick":{"defaultValue":null,"description":"Called when time slot is clicked, includes resourceId","name":"onTimeSlotClick","required":false,"type":{"name":"((data: { slotStart: string; slotEnd: string; nativeEvent: MouseEvent<HTMLButtonElement, MouseEvent>; resourceId?: string | number; }) => void) | undefined"}},"onViewChange":{"defaultValue":null,"description":"Called when view level select button is clicked","name":"onViewChange","required":false,"type":{"name":"(view: ScheduleViewLevel) => void"}},"previousControlProps":{"defaultValue":null,"description":"Props passed to previous control","name":"previousControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"recurrenceExpansionLimit":{"defaultValue":"2000","description":"Max number of generated recurring instances per recurring series","name":"recurrenceExpansionLimit","required":false,"type":{"name":"number"}},"renderEvent":{"defaultValue":null,"description":"Function to fully customize event rendering","name":"renderEvent","required":false,"type":{"name":"RenderEvent"}},"renderEventBody":{"defaultValue":null,"description":"Function to customize event body","name":"renderEventBody","required":false,"type":{"name":"RenderEventBody"}},"renderGroupLabel":{"defaultValue":null,"description":"Function to customize group label rendering","name":"renderGroupLabel","required":false,"type":{"name":"(group: ScheduleResourceGroup) => ReactNode"}},"renderResourceLabel":{"defaultValue":null,"description":"Function to customize resource label rendering","name":"renderResourceLabel","required":false,"type":{"name":"(resource: ScheduleResourceData) => ReactNode"}},"resources":{"defaultValue":null,"description":"List of resources to display as rows","
1name":"resources","required":true,"type":{"name":"ScheduleResourceData[]"}},"rowHeight":{"defaultValue":"64px","description":"Height of each resource row","name":"rowHeight","required":false,"type":{"name":"Height<string | number>"}},"scrollAreaProps":{"defaultValue":null,"description":"Props passed down to the <code>ScrollArea</code> component","name":"scrollAreaProps","required":false,"type":{"name":"Partial<ScrollAreaProps> & DataAttributes"}},"slotLabelFormat":{"defaultValue":"HH:mm","description":"Dayjs format for slot labels or a callback function that returns formatted value","name":"slotLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"slotWidth":{"defaultValue":"80px","description":"Width of each time slot column","name":"slotWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"startScrollTime":{"defaultValue":null,"description":"Time to scroll to on initial render, in <code>HH:mm:ss</code> format","name":"startScrollTime","required":false,"type":{"name":"string"}},"startTime":{"defaultValue":"00:00:00","description":"Start time for the day view, in <code>HH:mm:ss</code> format","name":"startTime","required":false,"type":{"name":"string"}},"todayControlProps":{"defaultValue":null,"description":"Props passed to today control","name":"todayControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"viewSelectProps":{"defaultValue":null,"description":"Props passed to view level select","name":"viewSelectProps","required":false,"type":{"name":"Partial<ViewSelectProps> & DataAttributes"}},"withCurrentTimeBubble":{"defaultValue":"true","description":"If set, the time indicator displays the current time in the bubble","name":"withCurrentTimeBubble","required":false,"type":{"name":"boolean"}},"withCurrentTimeIndicator":{"defaultValue":null,"description":"If set, displays a vertical line indicating the current time. By default, displayed only for the current day.","name":"withCurrentTimeIndicator","required":false,"type":{"name":"boolean"}},"withDragSlotSelect":{"defaultValue":"false","description":"If set, enables drag-to-select time slot ranges","name":"withDragSlotSelect","required":false,"type":{"name":"boolean"}},"withEventResize":{"defaultValue":"false","description":"If true, events can be resized by dragging their left/right edges","name":"withEventResize","required":false,"type":{"name":"boolean"}},"withEventsDragAndDrop":{"defaultValue":"false","description":"If true, events can be dragged and dropped","name":"withEventsDragAndDrop","required":false,"type":{"name":"boolean"}},"withHeader":{"defaultValue":"true","description":"If set, the header is displayed","name":"withHeader","required":false,"type":{"name":"boolean"}},"withInteractiveBackgroundEvents":{"defaultValue":"false","description":"If set, background events (<code>display: \'background\'</code>) can be clicked and trigger <code>onEventClick</code>. Combined with <code>withEventResize</code>, timed background events can also be resized by dragging their edges.","name":"withInteractiveBackgroundEvents","required":false,"type":{"name":"boolean"}}}},"ResourcesWeekView":{"props":{"businessHours":{"defaultValue":null,"description":"","name":"businessHours","required":false,"type":{"name":"[string, string]"}},"canDragEvent":{"defaultValue":null,"description":"","name":"canDragEvent","required":false,"type":{"name":"(event: ScheduleEventData) => boolean"}},"canResizeEvent":{"defaultValue":null,"description":"Function to determine if event can be resized","name":"canResizeEvent","required":false,"type":{"name":"(event: ScheduleEventData) => boolean"}},"date":{"defaultValue":null,"description":"","name":"date","required":true,"type":{"name":"string | Date"}},"endTime":{"defaultValue":null,"description":"","name":"endTime","required":false,"type":{"name":"string"}},"eventDragInterval":{"defaultValue":"intervalMinutes","description":"Snap step for moving events by drag and drop, in minutes. Must divide evenly into an hour (e.g. <code>15</code>, <code>30</code>) or be a whole number of hours. When not set, <code>intervalMinutes</code> is used.","name":"eventDragInterval","required":false,"type":{"name":"number"}},"eventResizeInterval":{"defaultValue":"intervalMinutes","description":"Snap step for resizing events, in minutes. Must divide evenly into an hour (e.g. <code>15</code>, <code>30</code>) or be a whole number of hours. When not set, <code>intervalMinutes</code> is used.","name":"eventResizeInterval","required":false,"type":{"name":"number"}},"events":{"defaultValue":null,"description":"","name":"events","required":false,"type":{"name":"ScheduleEventData[]"}},"firstDayOfWeek":{"defaultValue":null,"description":"","name":"firstDayOfWeek","required":false,"type":{"name":"0 | 1 | 2 | 3 | 4 | 5 | 6","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"getCurrentTime":{"defaultValue":"() => dayjs()","description":"A function to get the current time, called on every tick. Can be used to display the current time indicator in a different timezone.","name":"getCurrentTime","required":false,"type":{"name":"() =>
1 AnyDateValue"}},"groupLabelWidth":{"defaultValue":"80px","description":"Width of the group label column","name":"groupLabelWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"groups":{"defaultValue":null,"description":"List of resource groups to display as a column to the left of resource labels","name":"groups","required":false,"type":{"name":"ScheduleResourceGroup[]"}},"highlightBusinessHours":{"defaultValue":null,"description":"","name":"highlightBusinessHours","required":false,"type":{"name":"boolean"}},"highlightToday":{"defaultValue":null,"description":"","name":"highlightToday","required":false,"type":{"name":"boolean"}},"intervalMinutes":{"defaultValue":"60","description":"Number of minutes for each interval in the week view. Must divide evenly into an hour (e.g. <code>15</code>, <code>30</code>) or be a whole number of hours (e.g. <code>120</code>, <code>240</code>)","name":"intervalMinutes","required":false,"type":{"name":"number"}},"labels":{"defaultValue":null,"description":"","name":"labels","required":false,"type":{"name":"Partial<ScheduleLabels>"}},"locale":{"defaultValue":null,"description":"","name":"locale","required":false,"type":{"name":"string"}},"maxEventsPerTimeSlot":{"defaultValue":"2","description":"Maximum number of events visible per time slot before \\"+more\\" indicator shows, minimum value is 1","name":"maxEventsPerTimeSlot","required":false,"type":{"name":"number"}},"minEventSize":{"defaultValue":"1","description":"Minimum on-screen size of an event along the time axis, in px. Prevents very short events from collapsing. Larger values make brief events easier to see but extend them past their real start time.","name":"minEventSize","required":false,"type":{"name":"number"}},"mode":{"defaultValue":null,"description":"","name":"mode","required":false,"type":{"name":"ScheduleMode","raw":"ScheduleMode | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"static\\""}]}},"moreEventsProps":{"defaultValue":null,"description":"Props passed down to <code>MoreEvents</code> component","name":"moreEventsProps","required":false,"type":{"name":"Partial<MoreEventsProps>"}},"nextControlProps":{"defaultValue":null,"description":"","name":"nextControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"onDateChange":{"defaultValue":null,"description":"","name":"onDateChange","required":false,"type":{"name":"(value: string) => void"}},"onEventClick":{"defaultValue":null,"description":"","name":"onEventClick","required":false,"type":{"name":"(event: ScheduleEventData, e: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"onEventDragEnd":{"defaultValue":null,"description":"","name":"onEventDragEnd","required":false,"type":{"name":"() => void"}},"onEventDragStart":{"defaultValue":null,"description":"","name":"onEventDragStart","required":false,"type":{"name":"(event: ScheduleEventData) => void"}},"onEventDrop":{"defaultValue":null,"description":"","name":"onEventDrop","required":false,"type":{"name":"((data: { eventId: string | number; newStart: string; newEnd: string; event: ScheduleEventData; resourceId?: string | number; }) => void) | undefined"}},"onEventResize":{"defaultValue":null,"description":"Called when event is resized","name":"onEventResize","required":false,"type":{"name":"(data: { eventId: string | number; newStart: string; newEnd: string; event: ScheduleEventData; }) => void"}},"onExternalEventDrop":{"defaultValue":null,"description":"","name":"onExternalEventDrop","required":false,"type":{"name":"((data: { dataTransfer: DataTransfer; dropDateTime: string; resourceId?: string | number; }) => void) | undefined"}},"onSlotDragEnd":{"defaultValue":null,"description":"","name":"onSlotDragEnd","required":false,"type":{"name":"((data: { rangeStart: string; rangeEnd: string; resourceId?: string | number; }) => void) | undefined"}},"onTimeSlotClick":{"defaultValue":null,"description":"","name":"onTimeSlotClick","required":false,"type":{"name":"((data: { slotStart: string; slotEnd: string; nativeEvent: MouseEvent<HTMLButtonElement, MouseEvent>; resourceId?: string | number; }) => void) | undefined"}},"onViewChange":{"defaultValue":null,"description":"","name":"onViewChange","required":false,"type":{"name":"(view: ScheduleViewLevel) => void"}},"previousControlProps":{"defaultValue":null,"description":"","name":"previousControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"radius":{"defaultValue":null,"description":"","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"recurrenceExpansionLimit":{"defaultValue":null,"description":"","name":"recurrenceExpansionLimit","required":false,"type":{"name":"number"}},"renderEvent":{"defaultValue":null,"description":"","name":"renderEvent","required":false,"type":{"name":"RenderEvent"}},"renderEventBody":{"defaultValue":null,"description":"","name":"renderEventBody","required":false,"type":{"name":"RenderEventBody"}},"renderGroupLabel":{"defaultValue":null,"description":"Function to customize group label rendering","name":"renderGroupLabel","required":false,"type":{"name":"(group: ScheduleResourceGroup) => ReactNode"}},"renderResourceLabel":{"defaultValue":null,"description":"","name":"renderResourceLabel","required":false,"type":{"name":"(resource: ScheduleResourceData) => ReactNode"}},"renderWeekLabel":{"defaultValue":null,"description":"","name":"renderWeekLabel","required":false,"type":{"name":"(params: { weekStart: string; weekEnd: string; }) => ReactNode"}},"resources":{"defaultValue":null,"description":"","name":"resources","required":true,"type":{"name":"ScheduleResourceData[]"}},"rowHeight":{"defaultValue":null,"description":"","name":"rowHeight","required":false,"type":{"name":"Height<string | number>"}},"scrollAreaProps":{"defaultValue":null,"description":"","name":"scrollAreaProps","required":false,"type":{"name":"Partial<ScrollAreaProps> & DataAttributes"}},"slotLabelFormat":{"defaultValue":null,"description":"","name":"slotLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"slotWidth":{"defaultValue":null,"description":"","name":"slotWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"startScrollDateTime":{"defaultValue":null,"description":"Date and time to scroll to on initial render, in <code>YYYY-MM-DD HH:mm:ss</code> format","name":"startScrollDateTime","required":false,"type":{"name":"string"}},"startTime":{"defaultValue":null,"description":"","name":"startTime","required":false,"type":{"name":"string"}},"todayControlProps":{"defaultValue":null,"description":"","name":"todayControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"viewSelectProps":{"defaultValue":null,"description":"","name":"viewSelectProps","required":false,"type":{"name":"Partial<ViewSelectProps> & DataAttributes"}},"weekLabelFormat":{"defaultValue":null,"description":"","name":"weekLabelFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekdayFormat":{"defaultValue":null,"description":"","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekendDays":{"defaultValue":null,"description":"","name":"weekendDays","required":false,"type":{"name":"(0 | 1 | 2 | 3 | 4 | 5 | 6)[]"}},"withCurrentTimeBubble":{"defaultValue":null,"description":"","name":"withCurrentTimeBubble","required":false,"type":{"name":"boolean"}},"withCurrentTimeIndicator":{"defaultValue":null,"description":"","name":"withCurrentTimeIndicator","required":false,"type":{"name":"boolean"}},"withDragSlotSelect":{"defaultValue":null,"description":"","name":"withDragSlotSelect","required":false,"type":{"name":"boolean"}},"withEventResize":{"defaultValue":"false","description":"If true, events can be resized by dragging their left/right edges","name":"withEventResize","required":false,"type":{"name":"boolean"}},"withEventsDragAndDrop":{"defaultValue":null,"description":"","name":"withEventsDragAndDrop","required":false,"type":{"name":"boolean"}},"withHeader":{"defaultValue":null,"description":"","name":"withHeader","required":false,"type":{"name":"boolean"}}
1,"withInteractiveBackgroundEvents":{"defaultValue":"false","description":"If set, background events (<code>display: \'background\'</code>) can be clicked and trigger <code>onEventClick</code>. Combined with <code>withEventResize</code>, timed background events can also be resized by dragging their edges.","name":"withInteractiveBackgroundEvents","required":false,"type":{"name":"boolean"}},"withWeekendDays":{"defaultValue":null,"description":"","name":"withWeekendDays","required":false,"type":{"name":"boolean"}}}},"ResourcesMonthView":{"props":{"canDragEvent":{"defaultValue":null,"description":"Function to determine if event can be dragged","name":"canDragEvent","required":false,"type":{"name":"(event: ScheduleEventData) => boolean"}},"canResizeEvent":{"defaultValue":null,"description":"Function to determine if event can be resized","name":"canResizeEvent","required":false,"type":{"name":"(event: ScheduleEventData) => boolean"}},"date":{"defaultValue":null,"description":"Date to display, Date object or date string in <code>YYYY-MM-DD</code> format","name":"date","required":true,"type":{"name":"string | Date"}},"dayWidth":{"defaultValue":"40px","description":"Width of each day column","name":"dayWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"events":{"defaultValue":null,"description":"Events to display","name":"events","required":false,"type":{"name":"ScheduleEventData[]"}},"groupLabelWidth":{"defaultValue":"80px","description":"Width of the group label column","name":"groupLabelWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"groups":{"defaultValue":null,"description":"List of resource groups to display as a column to the left of resource labels","name":"groups","required":false,"type":{"name":"ScheduleResourceGroup[]"}},"highlightToday":{"defaultValue":"true","description":"If set, highlights the current day","name":"highlightToday","required":false,"type":{"name":"boolean"}},"labels":{"defaultValue":null,"description":"Labels override for i18n","name":"labels","required":false,"type":{"name":"Partial<ScheduleLabels>"}},"locale":{"defaultValue":null,"description":"Locale passed down to dayjs","name":"locale","required":false,"type":{"name":"string"}},"maxEventsPerTimeSlot":{"defaultValue":"2","description":"Maximum number of events visible per cell before \\"+more\\" indicator","name":"maxEventsPerTimeSlot","required":false,"type":{"name":"number"}},"mode":{"defaultValue":"default","description":"Interaction mode","name":"mode","required":false,"type":{"name":"ScheduleMode","raw":"ScheduleMode | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"static\\""}]}},"monthYearSelectProps":{"defaultValue":null,"description":"Props passed down to <code>MonthYearSelect</code> component","name":"monthYearSelectProps","required":false,"type":{"name":"Partial<MonthYearSelectProps>"}},"moreEventsProps":{"defaultValue":null,"description":"Props passed down to <code>MoreEvents</code> component","name":"moreEventsProps","required":false,"type":{"name":"Partial<MoreEventsProps>"}},"nextControlProps":{"defaultValue":null,"description":"Props passed to next control","name":"nextControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"onDateChange":{"defaultValue":null,"description":"Called with the new date value when a date is selected","name":"onDateChange","required":false,"type":{"name":"(value: string) => void"}},"onDayClick":{"defaultValue":null,"description":"Called when a cell is clicked, includes resourceId","name":"onDayClick","required":false,"type":{"name":"((data: { date: string; nativeEvent: MouseEvent<HTMLButtonElement, MouseEvent>; resourceId?: string | number; }) => void) | undefined"}},"onEventClick":{"defaultValue":null,"description":"Called when event is clicked","name":"onEventClick","required":false,"type":{"name":"(event: ScheduleEventData, e: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"onEventDragEnd":{"defaultValue":null,"description":"Called when any event drag ends","name":"onEventDragEnd","required":false,"type":{"name":"() => void"}},"onEventDragStart":{"defaultValue":null,"description":"Called when any event drag starts","name":"onEventDragStart","required":false,"type":{"name":"(event: ScheduleEventData) => void"}},"onEventDrop":{"defaultValue":null,"description":"Called when event is dropped, includes target resourceId","name":"onEventDrop","required":false,"type":{"name":"((data: { eventId: string | number; newStart: string; newEnd: string; event: ScheduleEventData; resourceId?: string | number; }) => void) | undefined"}},"onEventResize":{"defaultValue":null,"description":"Called when event is resized","name":"onEventResize","required":false,"type":{"name":"(data: { eventId: string | number; newStart: string; newEnd: string; event: ScheduleEventData; }) => void"}},"onExternalEventDrop":{"defaultValue":null,"description":"Called when an external item is dropped","name":"onExternalEventDrop","required":false,"type":{"name":"((data: { dataTransfer: DataTransfer; dropDateTime: string; resourceId?: string | number; }) => void) | undefined"}},"onSlotDragEnd":{"defaultValue":null,"description":"Called when a day range is selected by dragging, includes resourceId","name":"onSlotDragEnd","required":false,"type":{"name":"((data: { rangeStart: string; rangeEnd: string; resourceId?: string | number; }) => void) | undefined"}},"onViewChange":{"defaultValue":null,"description":"Called when view level select button is clicked","name":"onViewChange","required":false,"type":{"name":"(view: ScheduleViewLevel) => void"}},"previousControlProps":{"defaultValue":null,"description":"Props passed to previous control","name":"previousControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"radius":{"defaultValue":"theme.defaultRadius","description":"Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"recurrenceExpansionLimit":{"defaultValue":"2000","description":"Max number of generated recurring instances","name":"recurrenceExpansionLimit","required":false,"type":{"name":"number"}},"renderEvent":{"defaultValue":null,"description":"Function to fully customize event rendering","name":"renderEvent","required":false,"type":{"name":"RenderEvent"}},"renderEventBody":{"defaultValue":null,"description":"Function to customize event body","name":"renderEventBody","required":false,"type":{"name":"RenderEventBody"}},"renderGroupLabel":{"defaultValue":null,"description":"Function to customize group label rendering","name":"renderGroupLabel","required":false,"type":{"name":"(group: ScheduleResourceGroup) => ReactNode"}},"renderResourceLabel":{"defaultValue":null,"description":"Function to customize resource label rendering","name":"renderResourceLabel","required":false,"type":{"name":"(resource: ScheduleResourceData) => ReactNode"}},"resources":{"defaultValue":null,"description":"List of resources to display as rows","
1name":"resources","required":true,"type":{"name":"ScheduleResourceData[]"}},"rowHeight":{"defaultValue":"48px","description":"Height of each resource row","name":"rowHeight","required":false,"type":{"name":"Height<string | number>"}},"scrollAreaProps":{"defaultValue":null,"description":"Props passed down to <code>ScrollArea</code> component","name":"scrollAreaProps","required":false,"type":{"name":"Partial<ScrollAreaProps> & DataAttributes"}},"startScrollDate":{"defaultValue":null,"description":"Date to scroll to on initial render, in <code>YYYY-MM-DD</code> format","name":"startScrollDate","required":false,"type":{"name":"string"}},"todayControlProps":{"defaultValue":null,"description":"Props passed to today control","name":"todayControlProps","required":false,"type":{"name":"React.ComponentProps<\'button\'>"}},"viewSelectProps":{"defaultValue":null,"description":"Props passed to view level select","name":"viewSelectProps","required":false,"type":{"name":"Partial<ViewSelectProps> & DataAttributes"}},"weekdayFormat":{"defaultValue":"\'dd\'","description":"<code>dayjs</code> format for weekdays in day column headers","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: string) => string)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days","name":"weekendDays","required":false,"type":{"name":"(0 | 1 | 2 | 3 | 4 | 5 | 6)[]"}},"withDragSlotSelect":{"defaultValue":"false","description":"If set, enables drag-to-select day ranges","name":"withDragSlotSelect","required":false,"type":{"name":"boolean"}},"withEventResize":{"defaultValue":"false","description":"If true, events can be resized by dragging their start and end edges, resizing snaps to whole days","name":"withEventResize","required":false,"type":{"name":"boolean"}},"withEventsDragAndDrop":{"defaultValue":"false","description":"If true, events can be dragged and dropped","name":"withEventsDragAndDrop","required":false,"type":{"name":"boolean"}},"withHeader":{"defaultValue":"true","description":"If set, the header is displayed","name":"withHeader","required":false,"type":{"name":"boolean"}},"withWeekendDays":{"defaultValue":"true","description":"If set to false, weekend days are hidden","name":"withWeekendDays","required":false,"type":{"name":"boolean"}}}},"ResourcesSchedule":{"props":{"canDragEvent":{"defaultValue":null,"description":"Function to determine if event can be dragged","name":"canDragEvent","required":false,"type":{"name":"(event: ScheduleEventData) => boolean"}},"canResizeEvent":{"defaultValue":null,"description":"Function to determine if event can be resized","name":"canResizeEvent","required":false,"type":{"name":"(event: ScheduleEventData) => boolean"}},"date":{"defaultValue":null,"description":"Current date to display (controlled)","name":"date","required":false,"type":{"name":"string | Date"}},"dayViewProps":{"defaultValue":null,"description":"Props specific to ResourcesDayView","name":"dayViewProps","required":false,"type":{"name":"Partial<Omit<ResourcesDayViewProps, ResourcesScheduleCommonProps>>"}},"defaultDate":{"defaultValue":null,"description":"Default date (uncontrolled)","name":"defaultDate","required":false,"type":{"name":"string | Date"}},"defaultView":{"defaultValue":"\'day\'","description":"Default view level (uncontrolled)","name":"defaultView","required":false,"type":{"name":"ResourcesScheduleViewLevel","raw":"ResourcesScheduleViewLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"week\\""},{"value":"\\"day\\""}]}},"events":{"defaultValue":null,"description":"Events to display across all views","name":"events","required":false,"type":{"name":"ScheduleEventData[]"}},"labels":{"defaultValue":null,"description":"Labels override for i18n","name":"labels","required":false,"type":{"name":"Partial<ScheduleLabels>"}},"locale":{"defaultValue":null,"description":"Locale for date formatting","name":"locale","required":false,"type":{"name":"string"}},"mode":{"defaultValue":"default","description":"Interaction mode","name":"mode","required":false,"type":{"name":"ScheduleMode","raw":"ScheduleMode | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"static\\""}]}},"monthViewProps":{"defaultValue":null,"description":"Props specific to ResourcesMonthView","name":"monthViewProps","required":false,"type":{"name":"Partial<Omit<ResourcesMonthViewProps, ResourcesScheduleCommonProps>>"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes via navigation","name":"onDateChange","required":false,"type":{"name":"(date: string) => void"}},"onDayClick":{"defaultValue":null,"description":"Called when day is clicked in month view","name":"onDayCl
1ick","required":false,"type":{"name":"((data: { date: string; nativeEvent: MouseEvent<HTMLButtonElement, MouseEvent>; resourceId?: string | number; }) => void) | undefined"}},"onEventClick":{"defaultValue":null,"description":"Called when event is clicked","name":"onEventClick","required":false,"type":{"name":"(event: ScheduleEventData, e: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}},"onEventDragEnd":{"defaultValue":null,"description":"Called when any event drag ends","name":"onEventDragEnd","required":false,"type":{"name":"() => void"}},"onEventDragStart":{"defaultValue":null,"description":"Called when any event drag starts","name":"onEventDragStart","required":false,"type":{"name":"(event: ScheduleEventData) => void"}},"onEventDrop":{"defaultValue":null,"description":"Called when event is dropped","name":"onEventDrop","required":false,"type":{"name":"((data: { eventId: string | number; newStart: string; newEnd: string; event: ScheduleEventData; resourceId?: string | number; }) => void) | undefined"}},"onEventResize":{"defaultValue":null,"description":"Called when event is resized","name":"onEventResize","required":false,"type":{"name":"(data: { eventId: string | number; newStart: string; newEnd: string; event: ScheduleEventData; }) => void"}},"onExternalEventDrop":{"defaultValue":null,"description":"Called when an external item is dropped onto the schedule","name":"onExternalEventDrop","required":false,"type":{"name":"((data: { dataTransfer: DataTransfer; dropDateTime: string; resourceId?: string | number; }) => void) | undefined"}},"onSlotDragEnd":{"defaultValue":null,"description":"Called when a slot range is selected by dragging","name":"onSlotDragEnd","required":false,"type":{"name":"((data: { rangeStart: string; rangeEnd: string; resourceId?: string | number; }) => void) | undefined"}},"onTimeSlotClick":{"defaultValue":null,"description":"Called when time slot is clicked","name":"onTimeSlotClick","required":false,"type":{"name":"((data: { slotStart: string; slotEnd: string; nativeEvent: MouseEvent<HTMLButtonElement, MouseEvent>; resourceId?: string | number; }) => void) | undefined"}},"onViewChange":{"defaultValue":null,"description":"Called when view level changes","name":"onViewChange","required":false,"type":{"name":"(view: ResourcesScheduleViewLevel) => void"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"recurrenceExpansionLimit":{"defaultValue":"2000","description":"Max number of generated recurring instances","name":"recurrenceExpansionLimit","required":false,"type":{"name":"number"}},"renderEventBody":{"defaultValue":null,"description":"Custom event body renderer","name":"renderEventBody","required":false,"type":{"name":"RenderEventBody"}},"renderResourceLabel":{"defaultValue":null,"description":"Custom resource label renderer","name":"renderResourceLabel","required":false,"type":{"name":"(resource: ScheduleResourceData) => ReactNode"}},"resources":{"defaultValue":null,"description":"List of resources to display","name":"resources","required":true,"type":{"name":"ScheduleResourceData[]"}},"view":{"defaultValue":null,"description":"Current view level (controlled)","name":"view","required":false,"type":{"name":"ResourcesScheduleViewLevel","raw":"ResourcesScheduleViewLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"week\\""},{"value":"\\"day\\""}]}},"weekViewProps":{"defaultValue":null,"description":"Props specific to ResourcesWeekView","name":"weekViewProps","required":false,"type":{"name":"Partial<Omit<ResourcesWeekViewProps, ResourcesScheduleCommonProps>>"}},"withDragSlotSelect":{"defaultValue":"false","description":"If set, enables drag-to-select slot ranges","name":"withDragSlotSelect","required":false,"type":{"name":"boolean"}},"withEventResize":{"defaultValue":"false","description":"If true, events can be resized by dragging their edges, resizing snaps to whole days in month view","name":"withEventResize","required":false,"type":{"name":"boolean"}},"withEventsDragAndDrop":{"defaultValue":"false","description":"Enable drag and drop for events","name":"withEventsDragAndDrop","required":false,"type":{"name":"boolean"}}
1,"withInteractiveBackgroundEvents":{"defaultValue":"false","description":"If set, background events (<code>display: \'background\'</code>) can be clicked and trigger <code>onEventClick</code>. Applies to <code>day</code> and <code>week</code> views only â <code>ResourcesMonthView</code> does not render background events separately. Combined with <code>withEventResize</code>, timed background events can also be resized by dragging their edges.","name":"withInteractiveBackgroundEvents","required":false,"type":{"name":"boolean"}}}}}')},456290,e=>{e.v({text:"HtmlText-module__KMASQG__text"})},603441,62558,e=>{"use strict";var t=e.i(391398);e.i(276525);var a=e.i(145259);e.i(141511);var n=e.i(265899);e.i(469153);var o=e.i(122436),l=e.i(191788),r=e.i(203828),i=e.i(89837),d=e.i(119004),s=e.i(405289),u=e.i(383312);e.i(265116);var c=e.i(147227);e.i(913472);var p=e.i(951553);e.i(427498);var m=e.i(372432);e.i(132999);var f=e.i(330916);e.i(25904);var h=e.i(836443),y=e.i(156338);function v({children:e,meta:a}){let n=(0,r.useRouter)(),[o,b]=(0,l.useState)("docs"),g=Array.isArray(a.props),w=Array.isArray(a.styles);return((0,l.useEffect)(()=>{b(window.location.search.replace("?t=","")||"docs")},[]),g||w)?(0,t.jsx)(p.PageBase,{children:(0,t.jsxs)(u.Tabs,{variant:"pills",value:o,classNames:{list:y.default.tabsList,tab:y.default.tab,tabSection:y.default.tabSection},keepMounted:!1,radius:"md",onChange:e=>{n.replace("docs"===e?n.pathname:`${n.pathname}?t=${e}`,void 0,{scroll:!1}),b(e)},children:[(0,t.jsx)("div",{className:y.default.tabsWrapper,children:(0,t.jsxs)(u.Tabs.List,{children:[(0,t.jsx)(u.Tabs.Tab,{value:"docs",children:(0,t.jsxs)("div",{className:y.default.tabInner,children:[(0,t.jsx)(d.FileTextIcon,{size:20,className:y.default.tabIcon}),"Documentation"]})}),g&&(0,t.jsx)(u.Tabs.Tab,{value:"props",children:(0,t.jsxs)("div",{className:y.default.tabInner,children:[(0,t.jsx)(i.CodeIcon,{size:20,className:y.default.tabIcon}),"Props"]})}),w&&(0,t.jsx)(u.Tabs.Tab,{value:"styles-api",children:(0,t.jsxs)("div",{className:y.default.tabInner,children:[(0,t.jsx)(s.SlidersHorizontalIcon,{size:20,className:y.default.tabIcon}),"Styles API"]})})]})}),(0,t.jsx)(u.Tabs.Panel,{value:"docs",children:(0,t.jsxs)("div",{className:y.default.contentWrapper,children:[(0,t.jsxs)("div",{className:y.default.main,id:"mdx","data-with-toc":!a.hideTableOfContents||void 0,children:[e,(0,t.jsx)(c.MdxSiblings,{meta:a})]}),!a.hideTableOfContents&&(0,t.jsx)("div",{className:y.default.tableOfContents,children:(0,t.jsx)(h.TableOfContents,{withTabs:!0})})]})}),(0,t.jsx)(u.Tabs.Panel,{value:"props",children:(0,t.jsx)("div",{className:y.default.tabContent,children:(0,t.jsx)(m.PropsTablesList,{components:a.props,componentPrefix:a.componentPrefix})})}),(0,t.jsx)(u.Tabs.Panel,{value:"styles-api",children:(0,t.jsx)("div",{className:y.default.tabContent,children:(0,t.jsx)(f.StylesApiTablesList,{components:a.styles,componentPrefix:a.componentPrefix})})})]})}):null}function b(e){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.MdxPageHeader,{...e}),Array.isArray(e.meta.props)?(0,t.jsx)(v,{...e}):(0,t.jsx)(o.MdxRawContent,{...e})]})}e.i(161465);var g=e.i(772197);function w({meta:e,children:n}){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(g.PageHead,{title:e.title,description:e.description}),(0,t.jsx)(b,{meta:e,children:n}),(0,t.jsx)(a.MdxLlmAffix,{meta:e})]})}e.s(["Layout",0,function(e){return({children:a})=>(0,t.jsx)(w,{meta:e,children:a})}],62558),e.s([],603441)},433883,e=>{e.v({control:"MdxLlmAffix-module__OdnXjG__control",icon:"MdxLlmAffix-module__OdnXjG__icon",root:"MdxLlmAffix-module__OdnXjG__root",title:"MdxLlmAffix-module__OdnXjG__title"})},276525,145259,e=>{"use strict";var t=e.i(391398),a=e.i(191788),n=e.i(837048),o=e.i(289058),l=e.i(171481);let r=new Map([["bold",a.createElement(a.Fragment,null,a.createElement("path",{d:"M180,232a12,12,0,0,1-12,12H88a12,12,0,0,1,0-24h80A12,12,0,0,1,180,232Zm40-128a92.47,92.47,0,0,1-37,73.73,7.81,7.81,0,0,0-3,6.27,20,20,0,0,1-20,20H96a20,20,0,0,1-20-20v-.23a7.76,7.76,0,0,0-3.25-6.2,91.36,91.36,0,0,1-36.75-73C35.73,54.69,76,13.2,125.79,12A92,92,0,0,1,220,104Zm-24,0a68,68,0,0,0-69.65-68C89.56,36.89,59.8,67.56,60,104.39a67.52,67.52,0,0,0,27.18,54h0A32.14,32.14,0,0,1,99.77,180H116V149L87.51,12
10.49a12,12,0,0,1,17-17L128,127l23.51-23.51a12,12,0,0,1,17,17L140,149v31h16.25a31.89,31.89,0,0,1,12.41-21.49A67.45,67.45,0,0,0,196,104Z"}))],["duotone",a.createElement(a.Fragment,null,a.createElement("path",{d:"M208,104a79.86,79.86,0,0,1-30.59,62.92A24.29,24.29,0,0,0,168,186v6a8,8,0,0,1-8,8H96a8,8,0,0,1-8-8v-6a24.11,24.11,0,0,0-9.3-19A79.87,79.87,0,0,1,48,104.45C47.76,61.09,82.72,25,126.07,24A80,80,0,0,1,208,104Z",opacity:"0.2"}),a.createElement("path",{d:"M176,232a8,8,0,0,1-8,8H88a8,8,0,0,1,0-16h80A8,8,0,0,1,176,232Zm40-128a87.55,87.55,0,0,1-33.64,69.21A16.24,16.24,0,0,0,176,186v6a16,16,0,0,1-16,16H96a16,16,0,0,1-16-16v-6a16,16,0,0,0-6.23-12.66A87.59,87.59,0,0,1,40,104.5C39.74,56.83,78.26,17.15,125.88,16A88,88,0,0,1,216,104Zm-16,0a72,72,0,0,0-73.74-72c-39,.92-70.47,33.39-70.26,72.39a71.64,71.64,0,0,0,27.64,56.3h0A32,32,0,0,1,96,186v6h24V147.31L90.34,117.66a8,8,0,0,1,11.32-11.32L128,132.69l26.34-26.35a8,8,0,0,1,11.32,11.32L136,147.31V192h24v-6a32.12,32.12,0,0,1,12.47-25.35A71.65,71.65,0,0,0,200,104Z"}))],["fill",a.createElement(a.Fragment,null,a.createElement("path",{d:"M176,232a8,8,0,0,1-8,8H88a8,8,0,0,1,0-16h80A8,8,0,0,1,176,232Zm40-128a87.55,87.55,0,0,1-33.64,69.21A16.24,16.24,0,0,0,176,186v6a16,16,0,0,1-16,16H96a16,16,0,0,1-16-16v-6a16,16,0,0,0-6.23-12.66A87.59,87.59,0,0,1,40,104.49C39.74,56.83,78.26,17.14,125.88,16A88,88,0,0,1,216,104Zm-50.34,2.34a8,8,0,0,0-11.32,0L128,132.69l-26.34-26.35a8,8,0,0,0-11.32,11.32L120,147.31V184a8,8,0,0,0,16,0V147.31l29.66-29.65A8,8,0,0,0,165.66,106.34Z"}))],["light",a.createElement(a.Fragment,null,a.createElement("path",{d:"M174,232a6,6,0,0,1-6,6H88a6,6,0,0,1,0-12h80A6,6,0,0,1,174,232Zm40-128a85.56,85.56,0,0,1-32.88,67.64A18.23,18.23,0,0,0,174,186v6a14,14,0,0,1-14,14H96a14,14,0,0,1-14-14v-6a18,18,0,0,0-7-14.23h0a85.59,85.59,0,0,1-33-67.25C41.74,57.91,79.39,19.12,125.93,18A86,86,0,0,1,214,104Zm-12,0a74,74,0,0,0-75.79-74C86.17,31,53.78,64.34,54,104.42a73.67,73.67,0,0,0,28.4,57.87A29.92,29.92,0,0,1,94,186v6a2,2,0,0,0,2,2h26V146.49L91.76,116.24a6,6,0,0,1,8.48-8.48L128,135.52l27.76-27.76a6,6,0,0,1,8.48,8.48L134,146.49V194h26a2,2,0,0,0,2-2v-6a30.18,30.18,0,0,1,11.7-23.78A73.59,73.59,0,0,0,202,104Z"}))],["regular",a.createElement(a.Fragment,null,a.createElement("path",{d:"M176,232a8,8,0,0,1-8,8H88a8,8,0,0,1,0-16h80A8,8,0,0,1,176,232Zm40-128a87.55,87.55,0,0,1-33.64,69.21A16.24,16.24,0,0,0,176,186v6a16,16,0,0,1-16,16H96a16,16,0,0,1-16-16v-6a16,16,0,0,0-6.23-12.66A87.59,87.59,0,0,1,40,104.5C39.74,56.83,78.26,17.15,125.88,16A88,88,0,0,1,216,104Zm-16,0a72,72,0,0,0-73.74-72c-39,.92-70.47,33.39-70.26,72.39a71.64,71.64,0,0,0,27.64,56.3h0A32,32,0,0,1,96,186v6h24V147.31L90.34,117.66a8,8,0,0,1,11.32-11.32L128,132.69l26.34-26.35a8,8,0,0,1,11.32,11.32L136,147.31V192h24v-6a32.12,32.12,0,0,1,12.47-25.35A71.65,71.65,0,0,0,200,104Z"}))],["thin",a.createElement(a.Fragment,null,a.createElement("path",{d:"M172,232a4,4,0,0,1-4,4H88a4,4,0,0,1,0-8h80A4,4,0,0,1,172,232Zm40-128a83.59,83.59,0,0,1-32.11,66.06A20.2,20.2,0,0,0,172,186v6a12,12,0,0,1-12,12H96a12,12,0,0,1-12-12v-6a20,20,0,0,0-7.76-15.81A83.58,83.58,0,0,1,44,104.47C43.75,59,80.52,21.09,126,20a84,84,0,0,1,86,84Zm-8,0a76,76,0,0,0-77.84-76C85,29,51.77,63.27,52,104.43a75.62,75.62,0,0,0,29.17,59.43A28,28,0,0,1,92,186v6a4,4,0,0,0,4,4h28V145.66L93.17,114.83a4,4,0,0,1,5.66-5.66L128,138.34l29.17-29.17a4,4,0,1,1,5.66,5.66L132,145.66V196h28a4,4,0,0,0,4-4v-6a28.14,28.14,0,0,1,10.94-22.2A75.62,75.62,0,0,0,204,104Z"}))]]),i=a.forwardRef((e,t)=>a.createElement(l.default,{ref:t,...e,weights:r}));i.displayName="LightbulbFilamentIcon";var d=e.i(412673),s=e.i(658109),u=e.i(976550),c=e.i(382422),p=e.i(865823),m=e.i(671640),f=e.i(883364),h=e.i(431868),y=e.i(200140),v=e.i(433883);e.s(["MdxLlmAffix",0,function({meta:e}){var l;let[r,b]=(0,a.useState)(!1),g=(l=e.slug,`/llms/${l.slice(1).replace(/\//g,"-")}.md`),w=async()=>{try{let e=await fetch(g),t=await e.text();await navigator.clipboard.writeText(t),b(!0),setTimeout(()=>b(!1),2e3)}catch(e){y.notifications.show({title:"Failed to copy",message:"Unable to copy LLM documentation content, see console for details",color:"red"})}};return(0,t.jsx)(u.Affix,{position:{bottom:20,right:20}
1,visibleFrom:"sm",className:p.RemoveScroll.classNames.fullWidth,children:(0,t.jsxs)(c.Card,{className:v.default.root,children:[(0,t.jsx)(f.Text,{className:v.default.title,children:"LLM"}),(0,t.jsxs)(m.Stack,{gap:4,children:[(0,t.jsx)(h.Tooltip,{label:"Open LLM optimized docs â",position:"left",transitionProps:{duration:0},children:(0,t.jsx)(s.ActionIcon,{component:"a",href:g,target:"_blank",variant:"default",size:44,className:v.default.control,children:(0,t.jsx)(d.RobotIcon,{size:22,className:v.default.icon,"data-color":"red"})})}),(0,t.jsx)(h.Tooltip,{label:r?"Copied!":"Copy LLM optimized docs",position:"left",transitionProps:{duration:0},children:(0,t.jsx)(s.ActionIcon,{variant:"default",size:44,className:v.default.control,onClick:w,children:r?(0,t.jsx)(n.CheckIcon,{size:22,className:v.default.icon,"data-color":"teal"}):(0,t.jsx)(o.CopyIcon,{size:22,className:v.default.icon,"data-color":"cyan"})})}),(0,t.jsx)(h.Tooltip,{label:"Submit LLM documentation feedback â",position:"left",transitionProps:{duration:0},children:(0,t.jsx)(s.ActionIcon,{component:"a",href:"https://github.com/orgs/mantinedev/discussions/new?category=ai-and-llm-usage-feedback",target:"_blank",rel:"noopener noreferrer",variant:"default",size:44,className:v.default.control,children:(0,t.jsx)(i,{size:22,className:v.default.icon,"data-color":"yellow"})})})]})]})})}],145259),e.s([],276525)},768358,e=>{e.v({item:"HeaderItem-module__ojoyfa__item",label:"HeaderItem-module__ojoyfa__label"})},54430,e=>{e.v({icon:"LinkItem-module__GhZI7q__icon",link:"LinkItem-module__GhZI7q__link",wrapper:"LinkItem-module__GhZI7q__wrapper"})},535266,e=>{e.v({description:"MdxPageHeader-module__q_9pQq__description",header:"MdxPageHeader-module__q_9pQq__header",title:"MdxPageHeader-module__q_9pQq__title",wrapper:"MdxPageHeader-module__q_9pQq__wrapper"})},337483,e=>{e.v({icon:"MdxSiblings-module__v-nmra__icon",link:"MdxSiblings-module__v-nmra__link",root:"MdxSiblings-module__v-nmra__root",title:"MdxSiblings-module__v-nmra__title"})},156338,e=>{e.v({contentWrapper:"MdxTabs-module__Tx8F5q__contentWrapper",main:"MdxTabs-module__Tx8F5q__main",tab:"MdxTabs-module__Tx8F5q__tab",tabContent:"MdxTabs-module__Tx8F5q__tabContent",tabIcon:"MdxTabs-module__Tx8F5q__tabIcon",tabInner:"MdxTabs-module__Tx8F5q__tabInner",tableOfContents:"MdxTabs-module__Tx8F5q__tableOfContents",tabsWrapper:"MdxTabs-module__Tx8F5q__tabsWrapper"})},281238,e=>{e.v({content:"PageBase-module__s_5lVq__content"})},141511,112236,265899,147227,265116,951553,913472,e=>{"use strict";var t=e.i(391398),a=e.i(632036),n=e.i(267817),o=e.i(841054),l=e.i(412673),r=e.i(191788),i=e.i(171481);let d=new Map([["bold",r.createElement(r.Fragment,null,r.createElement("path",{d:"M176,52H80a76,76,0,0,0,0,152h96a76,76,0,0,0,0-152Zm0,128H80A52,52,0,0,1,80,76h96a52,52,0,0,1,0,104ZM80,88a40,40,0,1,0,40,40A40,40,0,0,0,80,88Zm0,56a16,16,0,1,1,16-16A16,16,0,0,1,80,144Z"}))],["duotone",r.createElement(r.Fragment,null,r.createElement("path",{d:"M112,128A32,32,0,1,1,80,96,32,32,0,0,1,112,128Z",opacity:"0.2"}),r.createElement("path",{d:"M176,56H80a72,72,0,0,0,0,144h96a72,72,0,0,0,0-144Zm0,128H80A56,56,0,0,1,80,72h96a56,56,0,0,1,0,112ZM80,88a40,40,0,1,0,40,40A40,40,0,0,0,80,88Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,80,152Z"}))],["fill",r.createElement(r.Fragment,null,r.createElement("path",{d:"M176,56H80a72,72,0,0,0,0,144h96a72,72,0,0,0,0-144ZM80,168a40,40,0,1,1,40-40A40,40,0,0,1,80,168Z"}))],["light",r.createElement(r.Fragment,null,r.createElement("path",{d:"M176,58H80a70,70,0,0,0,0,140h96a70,70,0,0,0,0-140Zm0,128H80A58,58,0,0,1,80,70h96a58,58,0,0,1,0,116ZM80,90a38,38,0,1,0,38,38A38,38,0,0,0,80,90Zm0,64a26,26,0,1,1,26-26A26,26,0,0,1,80,154Z"}))],["regular",r.createElement(r.Fragment,null,r.createElement("path",{d:"M176,56H80a72,72,0,0,0,0,144h96a72,72,0,0,0,0-144Zm0,128H80A56,56,0,0,1,80,72h96a56,56,0,0,1,0,112ZM80,88a40,40,0,1,0,40,40A40,40,0,0,0,80,88Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,80,152Z"}))],["thin",r.createElement(r.Fragment,null,r.createElement("path",{d:"M176,60H80a68,68,0,0,0,0,136h96a68,68,0,0,0,0-136Zm0,128H80A60,60,0,0,1,80,68h96a60,60,0,0,1,0,120ZM80,92a36,36,0,1,0,36,36A36,36,0,0,0,80,92Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,80,156Z"}))]]),s=r.forwardRef((e,t)=>
1r.createElement(i.default,{ref:t,...e,weights:d}));s.displayName="ToggleLeftIcon";var u=e.i(883364),c=e.i(804052),p=e.i(716450),m=e.i(419122);let f="https://github.com/mantinedev/mantine/blob/master",h=`${f}/apps/mantine.dev/src/pages`,y=`${f}/packages`;e.s(["DOCS_BASE",0,h,"SOURCE_BASE",0,y],112236);var v=e.i(41158),b=e.i(79897),g=e.i(56206),w=e.i(768358);function V({label:e,children:a,className:n}){return(0,t.jsxs)("div",{className:(0,g.default)(w.default.item,n),children:[(0,t.jsx)(u.Text,{className:w.default.label,fz:"sm",children:e}),a]})}var q=e.i(54430);function S({label:e,icon:a,children:n,link:o}){return(0,t.jsx)(V,{label:e,children:(0,t.jsx)("div",{className:q.default.wrapper,children:(0,t.jsxs)(b.Anchor,{component:o.startsWith("/")?v.default:"a",className:q.default.link,href:o,fz:"sm",children:[(0,t.jsx)("div",{className:q.default.icon,children:a}),n]})})})}var C=e.i(535266);e.s(["MdxPageHeader",0,function({meta:e}){let r=Array.isArray(e.props),i=!!e.source,d=!!e.title;return!e.hideHeader&&(i||r||e.release||d)?(0,t.jsx)("div",{className:C.default.wrapper,"data-with-tabs":r||void 0,children:(0,t.jsxs)("div",{className:C.default.header,"data-with-tabs":r||void 0,children:[(0,t.jsx)(c.Title,{className:C.default.title,children:e.title}),(0,t.jsx)(u.Text,{className:C.default.description,children:e.description}),e.polymorphic&&(0,t.jsx)(S,{label:"Polymorphic",icon:(0,t.jsx)(s,{size:14}),link:"/guides/polymorphic",children:"Polymorphic component"}),e.source&&(0,t.jsx)(S,{label:"Source",icon:(0,t.jsx)(p.GithubIcon,{size:14}),link:`${y}/${e.source}`,children:"View source code"}),Array.isArray(e.props)&&(0,t.jsx)(S,{label:"LLM docs",icon:(0,t.jsx)(l.RobotIcon,{size:14}),link:`/llms/${e.slug.slice(1).replace(/\//g,"-")}.md`,children:"LLM documentation"}),e.date&&e.release&&(0,t.jsx)(S,{label:"Release date",icon:(0,t.jsx)(a.CalendarBlankIcon,{size:14}),link:e.release,children:e.date}),e.release&&(0,t.jsx)(S,{label:"Source code",icon:(0,t.jsx)(p.GithubIcon,{size:14}),link:e.release,children:"Release on GitHub"}),e.docs&&(0,t.jsx)(S,{label:"Docs",icon:(0,t.jsx)(o.PencilSimpleIcon,{size:14}),link:`${h}/${e.docs}`,children:"Edit this page"}),e.package&&(0,t.jsx)(S,{label:"Package",icon:(0,t.jsx)(m.NpmIcon,{size:14}),link:`https://www.npmjs.com/package/${e.package}`,children:e.package}),e.license&&(0,t.jsx)(S,{label:"License",icon:(0,t.jsx)(n.CertificateIcon,{size:14}),link:"https://github.com/mantinedev/mantine/blob/master/LICENSE",children:"MIT"})]})}):null}],265899),e.s([],141511);var P=e.i(943311),D=e.i(858508),x=e.i(647831);e.i(457450);var k=e.i(32914),R=e.i(337483);e.s(["MdxSiblings",0,function({meta:e}){var a;let n,{next:o,prev:l}=(a=e.slug,n=k.MDX_NAV_DATA_PAGES.findIndex(e=>e.slug===a),{prev:k.MDX_NAV_DATA_PAGES[n-1],next:k.MDX_NAV_DATA_PAGES[n+1]});return e.hideSiblings?null:(0,t.jsxs)("div",{className:R.default.root,children:[l&&(0,t.jsxs)(v.default,{href:l.slug,className:(0,g.default)(R.default.link,x.FOCUS_CLASS_NAMES.auto),children:[(0,t.jsx)(P.ArrowLeftIcon,{className:R.default.icon}),(0,t.jsx)(u.Text,{className:R.default.title,children:l.title})]}),o&&(0,t.jsxs)(v.default,{href:o.slug,className:(0,g.default)(R.default.link,x.FOCUS_CLASS_NAMES.auto),children:[(0,t.jsx)(u.Text,{className:R.default.title,children:o.title}),(0,t.jsx)(D.ArrowRightIcon,{className:R.default.icon})]})]})}],147227),e.s([],265116),e.i(629122);var I=e.i(517923),A=e.i(281238);e.s(["PageBase",0,function({children:e}){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:A.default.content,children:e}),(0,t.jsx)(I.DocsFooter,{withNavbar:!0})]})}],951553),e.s([],913472)},38897,e=>{e.v({propName:"PropsTable-module__Entwuq__propName"})},881419,e=>{e.v({nothingFound:"PropsTablesList-module__fk4sOa__nothingFound",root:"PropsTablesList-module__fk4sOa__root",search:"PropsTablesList-module__fk4sOa__search",searchIcon:"PropsTablesList-module__fk4sOa__searchIcon",section:"PropsTablesList-module__fk4sOa__section",title:"PropsTablesList-module__fk4sOa__title"})},427498,265783,89072,48220,608679,211775,110101,366743,372432,e=>{"use strict";var t=e.i(391398),a=e.i(280130),n=e.i(754067),o=e.i(245745),l=e.i(883364),r=e.i(819559),i=e.i(456290);function d({children:e,...a}){return(0,t.jsx)(l.Text,{component:"span",className:i.default.text,dangerouslySetInnerHTML:{__html:e.replace(/`([^`]+)`/g,"<code>$1</code>").replace(/!important!/g,"<b>Important</b>").replace(/@deprecated/g,"<i>Deprecated:</i>").replace(/\[([^\]]+)\]\((.*?)\)/g,'<a href="$2" target="_blank" ref="noreferrer">$1</a>').replace(/(?:^|\n)((?:- .+(?:\n|$))+)/g,(e,t)=>{let a=t.replace(/(?:^|\n)- (.+)/g,"<li>$1</li>");return`<ul>${a}</ul>`})},fz:"sm",...a})}e.s(["HtmlText",0,d],265783),e.s([],89072);var s=e.i(79897);function u({errorOf:e}){return(0,t.jsxs)(l.Text,{children:[(0,t.jsxs)(l.Text,{span:!0,c:"red",children:["Error loading component ",e," data."," "]}),"If you see this message please let us know by"," ",(0,t.jsx)(s.Anchor,{href:"https://github.com/mantinedev/mantine/issues/new?assignees=&labels=&template=docs_report.yml",target:"_blank",children:"opening an issue on GitHub"}),"."]})}e.s(["TableError",0,u],48220),e.s([],608679);var c=e.i(56206),p=e.i(6793);function m({className:e,...a}
1){return(0,t.jsx)(l.Text,{component:"span",className:(0,c.default)(p.default.code,e),...a})}e.s(["TableInlineCode",0,m],211775),e.s([],110101);let f={"{ (value: any, replacer?: ((this: any, key: string, value: any) => any), space?: string | number | undefined): string; (value: any, replacer?: (string | number)[] | null | undefined, space?: string | ... 1 more ... | undefined): string; } | undefined":"typeof JSON.stringify","((text: string, reviver?: ((this: any, key: string, value: any) => any)) => any) | undefined":"typeof JSON.parse"};var h=e.i(38897);let y=r.default;function v({component:e,query:r}){if(!y[e])return(0,t.jsx)(u,{errorOf:"props"});let i=y[e].props,s=Object.keys(i).map(e=>({key:e,...i[e]})),c=Object.keys(i);r.trim()&&(c=new a.default(s,{keys:["name","description","type.name"],threshold:.3,minMatchCharLength:1}).search(r).map(e=>e.item.key));let p=c.map(a=>{var i;let s=y[e].props[a];return(0,t.jsxs)(o.Table.Tr,{"data-props-table-row":!0,children:[(0,t.jsxs)(o.Table.Td,{style:{whiteSpace:"nowrap"},children:[(0,t.jsx)(n.Highlight,{className:h.default.propName,highlight:r,component:"span","data-deprecated":s.description.includes("@deprecated")||void 0,title:s.name,children:s.name}),s.required&&(0,t.jsxs)(l.Text,{component:"sup",c:"red",children:[" ","*"]})]}),(0,t.jsx)(o.Table.Td,{children:(0,t.jsx)(m,{children:(i=s.type.name)in f?f[i]:i.replaceAll("DefaultMantineColor","MantineColor").replaceAll("| undefined","").trim()})}),(0,t.jsxs)(o.Table.Td,{children:[(0,t.jsx)(d,{fz:"sm",children:s.description}),s.defaultValue&&(0,t.jsx)(d,{fz:"sm",display:"block",children:`Default value: <code>${s.defaultValue}</code>`})]})]},a)});return(0,t.jsx)(o.Table.ScrollContainer,{minWidth:800,"data-visible":p.length>0||void 0,children:(0,t.jsxs)(o.Table,{layout:"fixed",children:[(0,t.jsx)(o.Table.Thead,{children:(0,t.jsxs)(o.Table.Tr,{children:[(0,t.jsx)(o.Table.Th,{w:210,children:"Name"}),(0,t.jsx)(o.Table.Th,{w:310,children:"Type"}),(0,t.jsx)(o.Table.Th,{children:"Description"})]})}),(0,t.jsx)(o.Table.Tbody,{children:p})]})})}var b=e.i(191788),g=e.i(841209),w=e.i(804052),V=e.i(839608);e.i(83329);var q=e.i(610335),q=q;let S=[{prefix:"MenuSub",replace:"Menu.Sub."}];function C({component:e,componentPrefix:t}){return S.some(t=>e.startsWith(t.prefix)&&e!==t.prefix)?e.replace(S.find(t=>e.startsWith(t.prefix)).prefix,S.find(t=>e.startsWith(t.prefix)).replace):t?t===e?e:`${t}.${e.replace(t,"")}`:e}e.s(["getComponentName",0,C],366743);var P=e.i(881419);e.s(["PropsTablesList",0,function({components:e,componentPrefix:a}){let[n,o]=(0,b.useState)(""),r=(0,V.useMediaQuery)("(hover: hover) and (pointer: fine)",!1,{getInitialValueInEffect:!1}),i=e.map(e=>(0,t.jsxs)("div",{className:P.default.section,"data-props-table-section":!0,children:[(0,t.jsxs)(w.Title,{order:2,className:P.default.title,children:[C({component:e,componentPrefix:a})," props"]}),(0,t.jsx)(v,{component:e,query:n})]},e));return(0,t.jsxs)("div",{className:P.default.root,children:[(0,t.jsx)(g.TextInput,{className:P.default.search,value:n,onChange:e=>o(e.currentTarget.value),leftSection:(0,t.jsx)(q.MagnifyingGlassIcon,{className:P.default.searchIcon}),placeholder:"Search props",radius:"md",size:"lg",autoFocus:r,pt:7}),i,(0,t.jsx)(l.Text,{className:P.default.nothingFound,children:"Nothing found..."})]})}],372432),e.s([],427498)},421602,e=>{e.v({group:"StylesApiTable-module__6d2Klq__group",mainTitle:"StylesApiTable-module__6d2Klq__mainTitle",panel:"StylesApiTable-module__6d2Klq__panel",tab:"StylesApiTable-module__6d2Klq__tab",title:"StylesApiTable-module__6d2Klq__title"})},132999,264956,167315,510627,330916,e=>{"use strict";var t=e.i(391398),a=e.i(191788),n=e.i(383312),o=e.i(804052),l=e.i(213835);e.i(427498);var r=e.i(366743);e.i(608679);var i=e.i(48220),d=e.i(245745);e.i(89072);var s=e.i(265783);e.i(110101);var u=e.i(211775);function c({data:e,fixedLayout:a=!0,...n}){let o=e.modifiers?.some(e=>!!e.condition),l=e.modifiers?.some(e=>!!e.value),r=e.modifiers?.map((e,a)=>(0,t.jsxs)(d.Table.Tr,{children:[(0,t.jsx)(d.Table.Td,{children:Array.isArray(e.selector)?e.selector.join(", "):e.selector}),(0,t.jsx)(d.Table.Td,{children:(0,t.jsx)(u.TableInlineCode,{children:e.modifier})}),o&&(0,t.jsx)(d.Table.Td,{children:(0,t.jsx)(s.HtmlText,{children:e.condition||"â"})}),l&&(0,t.jsx)(d.Table.Td,{children:(0,t.jsx)(s.HtmlText,{children:e.value||"â"})})]},a))||[];
1return(0,t.jsx)(d.Table.ScrollContainer,{minWidth:800,children:(0,t.jsxs)(d.Table,{layout:a?"fixed":void 0,...n,children:[(0,t.jsx)(d.Table.Thead,{children:(0,t.jsxs)(d.Table.Tr,{children:[(0,t.jsx)(d.Table.Th,{w:a?210:void 0,children:"Selector"}),(0,t.jsx)(d.Table.Th,{w:a?310:void 0,children:"Attribute"}),o&&(0,t.jsx)(d.Table.Th,{children:"Condition"}),l&&(0,t.jsx)(d.Table.Th,{children:"Value"})]})}),(0,t.jsx)(d.Table.Tbody,{children:r})]})})}function p({data:e,component:a,fixedLayout:n=!0,...o}){let l=Object.keys(e.selectors).map(n=>(0,t.jsxs)(d.Table.Tr,{children:[(0,t.jsx)(d.Table.Td,{children:n}),(0,t.jsx)(d.Table.Td,{children:(0,t.jsxs)(u.TableInlineCode,{children:[".mantine-",a,"-",n]})}),(0,t.jsx)(d.Table.Td,{children:(0,t.jsx)(s.HtmlText,{children:e.selectors[n]})})]},n));return(0,t.jsx)(d.Table.ScrollContainer,{minWidth:800,children:(0,t.jsxs)(d.Table,{layout:n?"fixed":void 0,...o,children:[(0,t.jsx)(d.Table.Thead,{children:(0,t.jsxs)(d.Table.Tr,{children:[(0,t.jsx)(d.Table.Th,{w:n?210:void 0,children:"Selector"}),(0,t.jsx)(d.Table.Th,{w:n?310:void 0,children:"Static selector"}),(0,t.jsx)(d.Table.Th,{children:"Description"})]})}),(0,t.jsx)(d.Table.Tbody,{children:l})]})})}function m({data:e,fixedLayout:a=!0,...n}){let o=Object.keys(e.vars).reduce((a,n)=>(Object.keys(e.vars[n]).forEach((o,l)=>{a.push((0,t.jsxs)(d.Table.Tr,{children:[0===l&&(0,t.jsx)(d.Table.Td,{rowSpan:Object.keys(e.vars[n]).length,children:n}),(0,t.jsx)(d.Table.Td,{children:(0,t.jsx)(u.TableInlineCode,{children:o})}),(0,t.jsx)(d.Table.Td,{children:(0,t.jsx)(s.HtmlText,{children:e.vars[n][o]})})]},`${n}-${o}`))}),a),[]);return(0,t.jsx)(d.Table.ScrollContainer,{minWidth:800,children:(0,t.jsxs)(d.Table,{layout:a?"fixed":void 0,...n,children:[(0,t.jsx)(d.Table.Thead,{children:(0,t.jsxs)(d.Table.Tr,{children:[(0,t.jsx)(d.Table.Th,{w:a?210:void 0,children:"Selector"}),(0,t.jsx)(d.Table.Th,{w:a?310:void 0,children:"Variable"}),(0,t.jsx)(d.Table.Th,{children:"Description"})]})}),(0,t.jsx)(d.Table.Tbody,{children:o})]})})}e.s(["ModifiersTable",0,c],264956),e.s(["SelectorsTable",0,p],167315),e.s(["VariablesTable",0,m],510627);var f=e.i(421602);function h({component:e,componentPrefix:d}){let[s,u]=(0,a.useState)("selectors"),y=l[`${e}StylesApi`];if(!y)return(0,t.jsx)(i.TableError,{errorOf:"Styles API"});let v=(0,r.getComponentName)({component:e,componentPrefix:d}),b=Object.keys(y.vars).length>0,g=Array.isArray(y.modifiers)&&y.modifiers.length>0;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(o.Title,{order:3,className:f.default.title,children:[v," Styles API"]}),(0,t.jsxs)(n.Tabs,{value:s,onChange:u,classNames:{panel:f.default.panel,tab:f.default.tab},radius:"md",variant:"pills",children:[(0,t.jsxs)(n.Tabs.List,{"data-with-radius":!0,children:[(0,t.jsx)(n.Tabs.Tab,{value:"selectors",children:"Selectors"}),b&&(0,t.jsx)(n.Tabs.Tab,{value:"variables",children:"CSS variables"}),g&&(0,t.jsx)(n.Tabs.Tab,{value:"modifiers",children:"Data attributes"})]}),(0,t.jsx)(n.Tabs.Panel,{value:"selectors",children:(0,t.jsx)(p,{component:e,data:y})}),b&&(0,t.jsx)(n.Tabs.Panel,{value:"variables",children:(0,t.jsx)(m,{data:y})}),g&&(0,t.jsx)(n.Tabs.Panel,{value:"modifiers",children:(0,t.jsx)(c,{data:y})})]})]})}var y=e.i(301388);e.i(822434);var v=e.i(827158),b=e.i(602898);e.s(["StylesApiTablesList",0,function({components:e,componentPrefix:a}){let n=e.map(e=>(0,t.jsx)("div",{className:f.default.group,children:(0,t.jsx)(h,{component:e,componentPrefix:a})},e));return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:f.default.groupsHeader,children:[(0,t.jsx)(o.Title,{order:2,className:f.default.mainTitle,children:"Styles API"}),(0,t.jsxs)(b.MdxParagraph,{style:{marginTop:0},children:[(0,t.jsx)(y.Code,{children:e[0]})," component supports"," ",(0,t.jsx)(v.MdxLink,{href:"/styles/styles-api",children:"Styles API"}),". With Styles API, you can customize styles of any inner element. Follow"," ",(0,t.jsx)(v.MdxLink,{href:"/styles/styles-api",children:"the documentation"})," to learn how to use CSS modules, CSS variables and inline styles to get full control over component styles."]})]}),n]})}],330916),e.s([],132999)},6793,e=>{e.v({code:"TableInlineCode-module__DSTn1q__code"})},616429,e=>{e.v({editPage:"TableOfContents-module__GSMYBW__editPage",editPageIcon:"TableOfContents-module__GSMYBW__editPageIcon",inner:"TableOfContents-module__GSMYBW__inner",items:"TableOfContents-module__GSMYBW__items",link:"TableOfContents-module__GSMYBW__link",title:"TableOfContents-module__GSMYBW__title",wrapper:"TableOfContents-module__GSMYBW__wrapper"})},195891,e=>{e.v({container:"MdxRawContent-module__YHIC3a__container",tableOfContents:"MdxRawContent-module__YHIC3a__tableOfContents",wrapper:"MdxRawContent-module__YHIC3a__wrapper"})},469153,836443,25904,122436,e=>{"use strict";var t=e.i(391398);e.i(265116);var a=e.i(147227);e.i(913472);var n=e.i(951553),o=e.i(203828),l=e.i(841054),r=e.i(232471),i=e.i(19300),d=e.i(689579),s=e.i(883364),u=e.i(183292),c=e.i(616429);function p({withTabs:e,editPageLink:a}){let n=(0,o.useRouter)(),m=(0,u.useScrollSpy)({selector:"#mdx [data-heading]",getDepth:e=>Number(e.getAttribute("data-order")),getValue:e=>e.getAttribute("data-heading")||""}),f=m.data.filter(e=>e.depth>1);if(0===f.length)return null;let h=f.map((e,a)=>(0,t.jsx)(s.Text,{component:"a",className:c.default.link,mod:{active:m.active===a},href:`#${e.id}`,__vars:{"--toc-link-offset":`${e.depth-1}`},onClick:t=>{t.preventDefault(),n.replace(`${n.pathname}#${e.id}`)},children:e.value},e.id));return(0,t.jsx)(r.Box,{component:"nav",mod:{"with-tabs":e},className:c.default.wrapper,children:(0,t.jsx)("div",{className:c.default.inner,children:(0,t.jsxs)("div",{children:[(0,t.jsx)(s.Text,{className:c.default.title,children:"Table of contents"}),(0,t.jsxs)(i.ScrollArea.Autosize,{mah:"calc(100vh - 172px)",type:"never",children:[(0,t.jsx)("div",{className:c.default.items,children:h}),a&&(0,t.jsxs)(s.Text,{component:"a",className:c.default.editPage,href:a,target:"_blank",children:[(0,t.jsx)(l.PencilSimpleIcon,{className:c.default.editPageIcon,size:18}),(0,t.jsx)("span",{children:"Edit this page"})]}),(0,t.jsx)(d.Space,{h:"xl"})]})]})})})}e.s(["TableOfContents",0,p],836443),e.s([],25904);var m=e.i(112236),f=e.i(195891);e.s(["MdxRawContent",0,function({children:e,meta:o}){return(0,t.jsx)(n.PageBase,{children:(0,t.jsxs)("div",{className:f.default.wrapper,children:[(0,t.jsxs)("div",{className:f.default.container,id:"mdx",children:[e,(0,t.jsx)(a.MdxSiblings,{meta:o})]}),(0,t.jsx)("div",{className:f.default.tableOfContents,children:(0,t.jsx)(p,{withTabs:!1,editPageLink:`${m.DOCS_BASE}${o.slug}.mdx`})})]})})}],122436),e.s([],469153)},632036,e=>{"use strict";var t=e.i(191788),a=e.i(171481);let n=new Map([["bold",t.createElement(t.Fragment,null,t.createElement("path",{d:"M208,28H188V24a12,12,0,0,0-24,0v4H92V24a12,12,0,0,0-24,0v4H48A20,20,0,0,0,28,48V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V48A20,20,0,0,0,208,28ZM68,52a12,12,0,0,0,24,0h72a12,12,0,0,0,24,0h16V76H52V52ZM52,204V100H204V204Z"}))],["duotone",t.createElement(t.Fragment,null,t.createElement("path",{d:"M216,48V88H40V48a8,8,0,0,1,8-8H208A8,8,0,0,1,216,48Z",opacity:"0.2"}),t.createElement("path",{d:"M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"}))],["fill",t.createElement(t.Fragment,null,t.createElement("path",{d:"M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32Zm0,48H48V48H72v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24Z"}))],["light",t.createElement(t.Fragment,null,t.createElement("path",{d:"M208,34H182V24a6,6,0,0,0-12,0V34H86V24a6,6,0,0,0-12,0V34H48A14,14,0,0,0,34,48V208a14,14,0,0,0,14,14H208a14,14,0,0,0,14-14V48A14,14,0,0,0,208,34ZM48,46H74V56a6,6,0,0,0,12,0V46h84V56a6,6,0,0,0,12,0V46h26a2,2,0,0,1,2,2V82H46V48A2,2,0,0,1,48,46ZM208,210H48a2,2,0,0,1-2-2V94H210V208A2,2,0,0,1,208,210Z"}))],["regular",t.createElement(t.Fragment,null,t.createElement("path",{d:"M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"}))],["thin",t.createElement(t.Fragment,null,t.createElement("path",{d:"M208,36H180V24a4,4,0,0,0-8,0V36H84V24a4,4,0,0,0-8,0V36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36ZM48,44H76V56a4,4,0,0,0,8,0V44h88V56a4,4,0,0,0,8,0V44h28a4,4,0,0,1,4,4V84H44V48A4,4,0,0,1,48,44ZM208,212H48a4,4,0,0,1-4-4V92H212V208A4,4,0,0,1,208,212Z"}))]]),o=t.forwardRef((e,o)=>t.createElement(a.default,{ref:o,...e,weights:n}));
1o.displayName="CalendarBlankIcon",e.s(["CalendarBlankIcon",0,o],632036)},267817,e=>{"use strict";var t=e.i(191788),a=e.i(171481);let n=new Map([["bold",t.createElement(t.Fragment,null,t.createElement("path",{d:"M128,140a12,12,0,0,1-12,12H72a12,12,0,0,1,0-24h44A12,12,0,0,1,128,140ZM116,88H72a12,12,0,0,0,0,24h44a12,12,0,0,0,0-24Zm120,79.14V228a12,12,0,0,1-17.95,10.42L196,225.82,174,238.42A12,12,0,0,1,156,228V204H40a20,20,0,0,1-20-20V56A20,20,0,0,1,40,36H216a20,20,0,0,1,20,20V88.86a55.87,55.87,0,0,1,0,78.28ZM196,160a32,32,0,1,0-32-32A32,32,0,0,0,196,160Zm-40,20V167.14a56,56,0,0,1,56-92.8V60H44V180Zm56,27.32V181.66a55.87,55.87,0,0,1-32,0v25.66l10.05-5.74a12,12,0,0,1,11.9,0Z"}))],["duotone",t.createElement(t.Fragment,null,t.createElement("path",{d:"M224,56V90.06h0a44,44,0,1,0-56,67.88h0V192H40a8,8,0,0,1-8-8V56a8,8,0,0,1,8-8H216A8,8,0,0,1,224,56Z",opacity:"0.2"}),t.createElement("path",{d:"M128,136a8,8,0,0,1-8,8H72a8,8,0,0,1,0-16h48A8,8,0,0,1,128,136Zm-8-40H72a8,8,0,0,0,0,16h48a8,8,0,0,0,0-16Zm112,65.47V224A8,8,0,0,1,220,231l-24-13.74L172,231A8,8,0,0,1,160,224V200H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216a16,16,0,0,1,16,16V86.53a51.88,51.88,0,0,1,0,74.94ZM160,184V161.47A52,52,0,0,1,216,76V56H40V184Zm56-12a51.88,51.88,0,0,1-40,0v38.22l16-9.16a8,8,0,0,1,7.94,0l16,9.16Zm16-48a36,36,0,1,0-36,36A36,36,0,0,0,232,124Z"}))],["fill",t.createElement(t.Fragment,null,t.createElement("path",{d:"M232,86.53V56a16,16,0,0,0-16-16H40A16,16,0,0,0,24,56V184a16,16,0,0,0,16,16H160v24A8,8,0,0,0,172,231l24-13.74L220,231A8,8,0,0,0,232,224V161.47a51.88,51.88,0,0,0,0-74.94ZM128,144H72a8,8,0,0,1,0-16h56a8,8,0,0,1,0,16Zm0-32H72a8,8,0,0,1,0-16h56a8,8,0,0,1,0,16Zm88,98.21-16-9.16a8,8,0,0,0-7.94,0l-16,9.16V172a51.88,51.88,0,0,0,40,0ZM196,160a36,36,0,1,1,36-36A36,36,0,0,1,196,160Z"}))],["light",t.createElement(t.Fragment,null,t.createElement("path",{d:"M126,136a6,6,0,0,1-6,6H72a6,6,0,0,1,0-12h48A6,6,0,0,1,126,136Zm-6-38H72a6,6,0,0,0,0,12h48a6,6,0,0,0,0-12Zm110,62.62V224a6,6,0,0,1-9,5.21l-25-14.3-25,14.3a6,6,0,0,1-9-5.21V198H40a14,14,0,0,1-14-14V56A14,14,0,0,1,40,42H216a14,14,0,0,1,14,14V87.38a49.91,49.91,0,0,1,0,73.24ZM196,86a38,38,0,1,0,38,38A38,38,0,0,0,196,86ZM162,186V160.62a50,50,0,0,1,56-81.51V56a2,2,0,0,0-2-2H40a2,2,0,0,0-2,2V184a2,2,0,0,0,2,2Zm56-17.11a49.91,49.91,0,0,1-44,0v44.77l19-10.87a6,6,0,0,1,6,0l19,10.87Z"}))],["regular",t.createElement(t.Fragment,null,t.createElement("path",{d:"M128,136a8,8,0,0,1-8,8H72a8,8,0,0,1,0-16h48A8,8,0,0,1,128,136Zm-8-40H72a8,8,0,0,0,0,16h48a8,8,0,0,0,0-16Zm112,65.47V224A8,8,0,0,1,220,231l-24-13.74L172,231A8,8,0,0,1,160,224V200H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216a16,16,0,0,1,16,16V86.53a51.88,51.88,0,0,1,0,74.94ZM160,184V161.47A52,52,0,0,1,216,76V56H40V184Zm56-12a51.88,51.88,0,0,1-40,0v38.22l16-9.16a8,8,0,0,1,7.94,0l16,9.16Zm16-48a36,36,0,1,0-36,36A36,36,0,0,0,232,124Z"}))],["thin",t.createElement(t.Fragment,null,t.createElement("path",{d:"M124,136a4,4,0,0,1-4,4H72a4,4,0,0,1,0-8h48A4,4,0,0,1,124,136Zm-4-36H72a4,4,0,0,0,0,8h48a4,4,0,0,0,0-8Zm108,59.74V224a4,4,0,0,1-6,3.47l-26-14.86-26,14.86a4,4,0,0,1-6-3.47V196H40a12,12,0,0,1-12-12V56A12,12,0,0,1,40,44H216a12,12,0,0,1,12,12V88.26a47.92,47.92,0,0,1,0,71.48ZM196,84a40,40,0,1,0,40,40A40,40,0,0,0,196,84ZM164,188V159.74a48,48,0,0,1,56-77.28V56a4,4,0,0,0-4-4H40a4,4,0,0,0-4,4V184a4,4,0,0,0,4,4Zm56-22.46a47.81,47.81,0,0,1-48,0v51.57l22-12.58a4,4,0,0,1,4,0l22,12.58Z"}))]]),o=t.forwardRef((e,o)=>t.createElement(a.default,{ref:o,...e,weights:n}));o.displayName="CertificateIcon",e.s(["CertificateIcon",0,o],267817)},841054,e=>{"use strict";var t=e.i(191788),a=e.i(171481);let n=new Map([["bold",t.createElement(t.Fragment,null,t.createElement("path",{d:"M230.14,70.54,185.46,25.85a20,20,0,0,0-28.29,0L33.86,149.17A19.85,19.85,0,0,0,28,163.31V208a20,20,0,0,0,20,20H92.69a19.86,19.86,0,0,0,14.14-5.86L230.14,98.82a20,20,0,0,0,0-28.28ZM91,204H52V165l84-84,39,39ZM192,103,153,64l18.34-18.34,39,39Z"}))],["duotone",t.createElement(t.Fragment,null,t.createElement("path",{d:"M221.66,90.34,192,120,136,64l29.66-29.66a8,8,0,0,1,11.31,0L221.66,79A8,8,0,0,1,221.66,90.34Z",opacity:"0.2"}),t.createElement("path",{d:"M227.31,73.37,182.63,28.68a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H92.69A15.86,15.86,0,0,0,104,219.31L227.31,96a16,16,0,0,0,0-22.63ZM92.69,208H48V163.31l88-88L180.69,120ZM192,108.68,147.31,64l24-24L216,84.68Z"}))],["fill",t.createElement(t.Fragment,null,t.createElement("path",{d:"M227.31,73.37,182.63,28.68a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H92.69A15.86,15.86,0,0,0,104,219.31L227.31,96a16,16,0,0,0,0-22.63ZM192,108.68,147.31,64l24-24L216,84.68Z"}))],["light",t.createElement(t.Fragment,null,t.createElement("path",{d:"M225.9,74.78,181.21,30.09a14,14,0,0,0-19.8,0L38.1,153.41a13.94,13.94,0,0,0-4.1,9.9V208a14,14,0,0,0,14,14H92.69a13.94,13.94,0,0,0,9.9-4.1L225.9,94.58a14,14,0,0,0,0-19.8ZM94.1,209.41a2,2,0,0,1-1.41.59H48a2,2,0,0,1-2-2V163.31a2,2,0,0,1,.59-1.41L136,72.48,183.51,120ZM217.41,86.1,192,111.51,144.49,64,169.9,38.58a2,2,0,0,1,2.83,0l44.68,44.69a2,2,0,0,1,0,2.83Z"}))],["regular",t.createElement(t.Fragment,null,t.createElement("path",{d:"M227.31,73.37,182.63,28.68a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H92.69A15.86,15.86,0,0,0,104,219.31L227.31,96a16,16,0,0,0,0-22.63ZM92.69,208H48V163.31l88-88L180.69,120ZM192,108.68,147.31,64l24-24L216,84.68Z"}))],["thin",t.createElement(t.Fragment,null,t.createElement("path",{d:"M224.49,76.2,179.8,31.51a12,12,0,0,0-17,0L133.17,61.17h0L39.52,154.83A11.9,11.9,0,0,0,36,163.31V208a12,12,0,0,0,12,12H92.69a12,12,0,0,0,8.48-3.51L224.48,93.17a12,12,0,0,0,0-17Zm-129,134.63A4,4,0,0,1,92.69,212H48a4,4,0,0,1-4-4V163.31a4,4,0,0,1,1.17-2.83L136,69.65,186.34,120ZM218.83,87.51,192,114.34,141.66,64l26.82-26.83a4,4,0,0,1,5.66,0l44.69,44.68a4,4,0,0,1,0,5.66Z"}))]]),o=t.forwardRef((e,o)=>t.createElement(a.default,{ref:o,...e,weights:n}));o.displayName="PencilSimpleIcon",e.s(["PencilSimpleIcon",0,o],841054)},225190,e=>{"use strict";e.s(["AccordionStylesApi",0,{selectors:{root:"Root element",item:"`Accordion.Item` root element",control:"`Accordion.Control` root element",chevron:"`Accordion.Control` chevron container element",label:"`Accordion.Control` label",icon:"`Accordion.Control` icon",itemTitle:"`Accordion.Control` title (h2-h6) tag",panel:"`Accordion.Panel` root element",content:"Wrapper element of `Accordion.Panel` `children`"},vars:{root:{"--accordion-chevron-size":"Controls chevron container element `width` and `min-width`","--accordion-radius":"Controls `border-radius` in various elements, depending on variant","--accordion-transition-duration":"Controls all animations `transition-duration`"}},modifiers:[{modifier:"data-active",selector:["item","control"],condition:"Item is active (opened)"},{modifier:"data-chevron-position",selector:"control",value:"Value of `chevronPosition` prop on `Accordion`"}]}])},487625,291274,91782,154691,e=>{"use strict";e.s(["ActionBarStylesApi",0,{selectors:{root:"Root element (Paper)",divider:"ActionBar.Divider element",closeButton:"ActionBar.CloseButton element"},vars:{}}],487625),e.s(["ActionIconGroupStylesApi",0,{selectors:{group:"Root element"},vars:{group:{"--ai-border-width":"Controls `border-width` of child ActionIcon components that are placed beside one another"}},modifiers:[{modifier:"data-orientation",selector:"group",value:"Value of `orientation` prop"}]},"ActionIconStylesApi",0,{selectors:{root:"Root element",loader:"`Loader` component, rendered inside root element when `loading` prop is set",icon:"Inner icon wrapper"},vars:{root:{"--ai-bg":"Controls `background`","--ai-hover":"Controls `background` when hovered","--ai-bd":"Controls `border`","--ai-color":"Controls icon `color`","--ai-hover-color":"Controls icon `color` when hovered","--ai-radius":"Controls `border-radius`","--ai-size":"Controls `width`, `height`, `min-width` and `min-height` styles"}},modifiers:[{modifier:"data-disabled",selector:"root",condition:"`disabled` prop is set"},{modifier:"data-loading",selector:["root","icon"],condition:"`loading` prop is set"}]}],291274),e.s(["AgendaViewStylesApi",0,{selectors:{agendaView:"Root element",agendaViewHeader:"Header container with date range and close button",agendaViewHeaderLabel:"Date range label in the header",agendaViewBody:"Body container for date groups",agendaViewDateGroup:"Date group container",agendaViewDateHeader:"Date header text within a group",agendaViewEvent:"Event item button",agendaViewEventBody:"Event body layout container",agendaViewEventColor:"Event color indicator",agendaViewEventTitle:"Event title text",agendaViewEventTime:"Event time label",agendaViewNoEvents:"No events message"},vars:{agendaView:{"--agenda-view-radius":"Controls border radius"}},modifiers:[]}],91782),e.s(["AffixStylesApi",0,{selectors:{root:"Root element"},vars:{root:{"--affix-z-index":"Controls `z-index` property","--affix-top":"Controls `top` property","--affix-bottom":"Controls `bottom` property","--affix-left":"Controls `left` property","--affix-right":"Controls `right` property"}}}],154691)},177864,e=>{"use strict";e.s(["AlertStylesApi",0,{selectors:{root:"Root element",wrapper:"Wrapper around `body` and `icon`",body:"Body element, contains `title` and `message`",title:"Title element, contains `label` and `icon`",label:"Title label",message:"Alert message",icon:"Icon element",closeButton:"Close button"},vars:{root:{"--alert-bd":"Controls `border`","--alert-bg":"Controls `background`","--alert-color":"Controls `color`","--alert-radius":"Controls `border-radius`"}},modifiers:[{modifier:"data-with-close-button",selector:"title",condition:"`withCloseButton` prop is set"}]}])},766895,e=>{"use strict";var t=e.i(229062),a=e.i(579668);let n={selectors:{...a.InputStylesApi.selectors,...a.InputWrapperStylesApi.selectors,...t.ComboboxLikeSelectors},vars:{},modifiers:[{modifier:"data-combobox-selected",selector:"option",condition:"Option is selected"},{modifier:"data-combobox-active",selector:"option",condition:"Options was activated by keyboard"},{modifier:"data-combobox-disabled",selector:"option",condition:"Option is disabled"}]};e.s(["AutocompleteStylesApi",0,n])},642509,713220,e=>{"use strict";e.s(["AvatarGroupStylesApi",0,{selectors:{group:"Root element"},vars:{group:{"--ag-spacing":"Controls negative spacing between avatars"}}},"AvatarStylesApi",0,{selectors:{root:"Root element",image:"`img` element",placeholder:"Avatar placeholder, displayed when the image cannot be loaded"},vars:{root:{"--avatar-bd":"Controls placeholder `border`","--avatar-bg":"Controls placeholder `background`","--avatar-color":"Controls placeholder text `color`","--avatar-size":"Controls `width`, `min-width` and `height`","--avatar-radius":"Controls `border-radius`"}}}
1],642509),e.s(["BackgroundImageStylesApi",0,{selectors:{root:"Root element"},vars:{root:{"--bi-radius":"Controls `border-radius`"}}}],713220)},730637,e=>{"use strict";e.s(["BadgeStylesApi",0,{selectors:{root:"Root element",section:"Left and right sections",label:"Badge children"},vars:{root:{"--badge-bd":"Controls `border`","--badge-bg":"Controls `background`","--badge-color":"Controls text `color`","--badge-dot-color":'Controls dot `color`, only applicable when `variant="dot"`',"--badge-fz":"Controls `font-size`","--badge-height":"Controls `height`","--badge-padding-x":"Controls horizontal `padding`","--badge-radius":"Controls `border-radius`"}},modifiers:[{modifier:"data-block",selector:"root",condition:"`fullWidth` prop is set"},{modifier:"data-position",selector:"section",value:"Section position: left or right"}]}])},884650,714950,944939,34170,540546,927845,752059,e=>{"use strict";e.s(["BarChartStylesApi",0,{selectors:{root:"Root element",bar:"Bar of the chart",axis:"X and Y axis of the chart",container:"Recharts ResponsiveContainer component",grid:"Recharts CartesianGrid component",legend:"Legend root element",legendItem:"Legend item representing data series",legendItemColor:"Legend item color",legendItemName:"Legend item name",tooltip:"Tooltip root element",tooltipBody:"Tooltip wrapper around all items",tooltipItem:"Tooltip item representing data series",tooltipItemBody:"Tooltip item wrapper around item color and name",tooltipItemColor:"Tooltip item color",tooltipItemName:"Tooltip item name",tooltipItemData:"Tooltip item data",tooltipLabel:"Label of the tooltip",referenceLine:"Reference line",referenceArea:"Reference area",referenceDot:"Reference dot",axisLabel:"X and Y axis labels",brush:"Brush (range selector) root element"},vars:{root:{"--chart-grid-color":"Controls color of the grid and cursor lines","--chart-text-color":"Controls color of the axis labels","--chart-cursor-fill":"Controls fill color of the cursor line","--chart-bar-label-color":"Controls color of the bar labels"}},modifiers:[]}],884650),e.s(["BarsListStylesApi",0,{selectors:{root:"Root element",labelsRow:"Container for labels row",bar:"Bar container element",barLabel:"Bar label element with name inside",barValue:"Bar value element"},vars:{root:{"--bars-list-gap":"Controls gap between bars","--bars-list-min-bar-size":"Controls minimum bar width","--bars-list-bar-height":"Controls bar height"}},modifiers:[]}],714950),e.s(["BlockquoteStylesApi",0,{selectors:{root:"Root element",icon:"Icon element",cite:"Cite element"},vars:{root:{"--bq-bd":"Controls `border`","--bq-bg-dark":"Controls `background-color` in dark color scheme","--bq-bg-light":"Controls `background-color` in light color scheme","--bq-icon-size":"Controls `width` and `height` of the icon","--bq-radius":"Controls `border-radius`","--bq-text-wrap":"Controls `text-wrap` property"}}}],944939),e.s(["BreadcrumbsStylesApi",0,{selectors:{root:"Root element",separator:"Separator between children",breadcrumb:"Breadcrumb item"},vars:{root:{"--bc-separator-margin":"Control left and right `margin` of separator"}}}],34170),e.s(["BulletChartStylesApi",0,{selectors:{root:"Root element",label:"Label element",trackWrapper:"Wrapper around track and value labels",track:"Container for ranges, bar, and target",range:"Background range band",bar:"Actual value bar",target:"Target marker line",rangeLabel:"Value label at the end of each range",barLabel:"Value label for the actual value bar",targetLabel:"Value label for the target marker"},vars:{root:{"--bullet-size":"Controls height of the chart track area","--bullet-bar-size":"Controls height of the actual value bar"}},modifiers:[]}],540546),e.s(["BubbleChartStylesApi",0,{selectors:{root:"Root element",axis:"X and Y axis of the chart",tooltip:"Tooltip root element"},vars:{root:{"--chart-grid-color":"Controls color of the grid and cursor lines","--chart-text-color":"Controls color of the axis labels"}},modifiers:[]}],927845),e.s(["BurgerStylesApi",0,{selectors:{root:"Root element (button)",burger:"Inner element that contains burger lines"},vars:{root:{"--burger-line-size":"Controls height of lines","--burger-color":"Controls background-color of lines","--burger-size":"Controls width and height of the button","--burger-transition-duration":"Controls transition-duration of lines","--burger-transition-timing-function":"Controls transition-timing-function of lines"}},modifiers:[{modifier:"data-opened",selector:"burger",condition:"opened prop is set"}]}],752059)},490965,e=>{"use strict";e.s(["ButtonGroupSectionStylesApi",0,{selectors:{groupSection:"Root element"},vars:{groupSection:{"--section-bg":"Controls `background`","--section-bd":"Control `border`","--section-color":"Control text `color`","--section-radius":"Controls `border-radius`","--section-height":"Controls `height` of the section","--section-padding-x":"Controls horizontal `padding` of the section","--section-fz":"Controls `font-size` of the section"}},modifiers:[]},"ButtonGroupStylesApi",0,{selectors:{group:"Root element"},vars:{group:{"--button-border-width":"`border-width` of child `Button` components"}},modifiers:[{modifier:"data-orientation",selector:"group",value:"Value of `orientation` prop"}]},"ButtonStylesApi",0,{selectors:{root:"Root element",loader:"Loader component, displayed only when `loading` prop is set",inner:"Contains all other elements, child of the `root` element",section:"Left and right sections of the button",label:"Button children"},vars:{root:{"--button-bg":"Controls `background`","--button-bd":"Control `border`","--button-hover":"Controls `background` when hovered","--button-color":"Control text `color`","--button-hover-color":"Control text `color` when hovered","--button-radius":"Controls `border-radius`","--button-height":"Controls `height` of the button","--button-padding-x":"Controls horizontal `padding` of the button","--button-fz":"Controls `font-size` of the button","--button-justify":"Controls `justify-content` of `inner` element"}},modifiers:[{modifier:"data-disabled",selector:"root",condition:"`disabled` prop is set"},{modifier:"data-loading",selector:["root","label"],condition:"`loading` prop is set"},{modifier:"data-block",selector:"root",condition:"`fullWidth` prop is set"},{modifier:"data-with-left-section",selector:"root",condition:"`leftSection` is set"},{modifier:"data-with-right-section",selector:"root",condition:"`rightSection` is set"},{modifier:"data-position",selector:"section",value:"Section position: left or right"}]}])},63739,521204,e=>{"use strict";e.s(["CandlestickChartStylesApi",0,{selectors:{root:"Root element",candle:"Candle shape representing open, high, low and close values",axis:"X and Y axis of the chart",container:"Recharts ResponsiveContainer component",grid:"Recharts CartesianGrid component",tooltip:"Tooltip root element",tooltipBody:"Tooltip wrapper around all items",tooltipItem:"Tooltip item representing open, high, low or close value",tooltipItemBody:"Tooltip item wrapper around item color and name",tooltipItemColor:"Tooltip item color",tooltipItemName:"Tooltip item name",tooltipItemData:"Tooltip item data",tooltipLabel:"Label of the tooltip",referenceLine:"Reference line",referenceArea:"Reference area",referenceDot:"Reference dot",axisLabel:"X and Y axis labels"},vars:{root:{"--chart-grid-color":"Controls color of the grid and curs
1or lines","--chart-text-color":"Controls color of the axis labels"}},modifiers:[]}],63739),e.s(["CardStylesApi",0,{selectors:{root:"Root element",section:"`Card.Section` root element"},vars:{root:{"--card-padding":"Controls `padding` of the card, also used to control `Card.Section` spacing"}},modifiers:[{modifier:"data-first-section",selector:"section",condition:"`Card.Section` is the child of the `Card`"},{modifier:"data-last-section",selector:"section",condition:"`Card.Section` is the last child of the `Card`"},{modifier:"data-with-border",selector:"root",condition:"`withBorder` prop is set on `Card` component"},{modifier:"data-with-border",selector:"section",condition:"`withBorder` prop is set on `Card.Section` component"},{modifier:"data-inherit-padding",selector:"section",condition:"`inheritPadding` prop is set on `Card.Section` component"}]}],521204)},583385,e=>{"use strict";e.s(["CarouselStylesApi",0,{selectors:{root:"Root element",slide:"`Carousel.Slide` root element",container:"Slides container",viewport:"Main element, contains slides container and all controls",controls:"Next/previous controls container",control:"Next/previous control",indicators:"Indicators container",indicator:"Indicator button"},vars:{root:{"--carousel-control-size":"Controls `width` and `height` of the next/previous buttons","--carousel-controls-offset":"Controls offsets of the next/previous buttons","--carousel-height":"Controls height of the carousel"}},modifiers:[{modifier:"data-orientation",selector:"root",value:"Value of `orientation` prop"},{modifier:"data-include-gap-in-size",selector:"root",condition:"`includeGapInSize` prop is set"},{modifier:"data-inactive",selector:"control",condition:"No previous/next slides are available"},{modifier:"data-active",selector:"indicator",condition:"Associated slide is active"}]}])},507870,e=>{"use strict";var t=e.i(229062),a=e.i(579668);let n={selectors:{...a.InputStylesApi.selectors,...a.InputWrapperStylesApi.selectors,...t.ComboboxLikeSelectors,columnsList:"Wrapper of all cascading columns in the dropdown",columnsOverflow:"Control displayed to reveal levels hidden by `maxDisplayedLevels`",column:"Single cascading column",columnScroll:"Scrollable options area of a column",columnOption:"Option control inside a column",columnOptionLabel:"Label of the column option",columnOptionIcon:"Expand chevron of the column option",columnOptionCheck:"Check icon displayed on the selected leaf option",columnEmpty:"Empty state of a column",flatOption:"Option content in the flat list (search results / `withColumns={false}`)"},vars:{},modifiers:[{modifier:"data-active",selector:"columnOption",condition:"Option is highlighted in the column that is currently being navigated"},{modifier:"data-in-path",selector:"columnOption",condition:"Option is highlighted in one of the previous (ancestor) columns"},{modifier:"data-selected",selector:"columnOption",condition:"Option is the selected value"},{modifier:"data-disabled",selector:"columnOption",condition:"Option is disabled"}]};e.s(["CascaderStylesApi",0,n])},23528,e=>{"use strict";e.s(["CenterStylesApi",0,{selectors:{root:"Root element"},vars:{}}])},529755,e=>{"use strict";var t=e.i(579668);let a={selectors:{root:"Root element",input:'Input element (`input[type="checkbox"]`)',icon:"Checkbox icon, used to display checkmark and indeterminate state icon",inner:"Wrapper for `icon` and `input`",body:"Input body, contains all other elements",labelWrapper:"Contains `label`, `description` and `error`",label:"Label element",description:"Description displayed below the label",error:"Error message displayed below the label"},vars:{root:{"--checkbox-color":"Controls checked checkbox `background-color`","--checkbox-radius":"Controls checkbox `border-radius`","--checkbox-size":"Controls checkbox `width` and `height`","--checkbox-icon-color":"Controls checkbox icon `color`"}},modifiers:[{modifier:"data-checked",selector:"root",condition:"`checked` prop is set"},{modifier:"data-error",selector:"input",condition:"`error` prop is set"},{modifier:"data-indeterminate",selector:"input",condition:"`indeterminate` prop is set"},{modifier:"data-label-position",selector:"inner",value:"Value of `labelPosition` prop"}]},n={selectors:{...t.InputWrapperStylesApi.selectors},vars:{}},o={selectors:{indicator:"Root element",icon:"Checkbox icon"},vars:{indicator:a.vars.root},modifiers:[{modifier:"data-checked",selector:"indicator",condition:"`checked` prop is set"},{modifier:"data-disabled",selector:"indicator",condition:"`disabled` prop is set"}]};e.s(["CheckboxCardStylesApi",0,{selectors:{card:"Root element"},vars:{card:{"--card-radius":"Controls card `border-radius`"}},modifiers:[{modifier:"data-checked",selector:"card",condition:"`checked` prop is set"},{modifier:"data-with-border",selector:"card",condition:"`withBorder` prop is set"}]},"CheckboxGroupStylesApi",0,n,"CheckboxIndicatorStylesApi",0,o,"CheckboxStylesApi",0,a])},62923,714148,511964,62512,e=>{"use strict";e.s(["ChipStylesApi",0,{selectors:{root:"Root element",checkIcon:"Check icon, visible when checked prop is true",iconWrapper:"Wraps `checkIcon` for alignment",input:"Input element, hidden by default",label:"Input label, used as a chip body"},vars:{root:{"--chip-fz":"Controls `font-size`","--chip-size":"Controls `height`","--chip-icon-size":"Controls width and height of the icon","--chip-padding":"Controls horizontal padding when chip is not checked","--chip-checked-padding":"Controls horizontal padding when chip is checked","--chip-radius":"Controls `border-radius`","--chip-bg":"Controls `background-color` when chip is checked","--chip-hover":"Controls `background-color` when chip is checked and hovered","--chip-color":"Controls `color` when chip is checked","--chip-bd":"Controls border when chip is checked","--chip-spacing":"Controls spacing between check icon and label"}},modifiers:[{modifier:"data-checked",selector:"label",condition:"Chip is checked"},{modifier:"data-disabled",selector:"label",condition:"`disabled` prop is set"}]}],62923),e.s(["CloseButtonStylesApi",0,{selectors:{root:"Root element"},vars:{root:{"--cb-icon-size":"Controls `width` of the `X` icon","--cb-radius":"Controls `border-radius` of the button","--cb-size":"Controls `width` and `height` of the button"}}}],714148),e.s(["CodeStylesApi",0,{selectors:{root:"Root element"},vars:{root:{"--code-bg":"Controls `background-color`"}},modifiers:[{modifier:"data-block",selector:"root",condition:"`block` prop is set"}]}],511964);let t={selectors:{codeHighlight:"Root element",showCodeButton:"Button that reveals full code when it is collapsed",pre:"Pre element, contains code element",code:"Code element",control:"Control button, copy/collapse, custom controls",controlTooltip:"Root element of control tooltip",controls:"A wrapper around controls",scrollarea:"Scroll area, contains code",lineNumbers:"Line numbers column",codeWrapper:"Wrapper element around line numbers and scroll area"}
1,vars:{codeHighlight:{"--ch-background":"Background color","--ch-max-height":"Max height of code block in collapsed state","--ch-radius":"Border radius"}}},a={selectors:{...t.selectors,root:"Root element",codeHighlight:"Root element of inner CodeHighlight component",filesScrollarea:"Scrollarea with files list",files:"Files names list",file:"File name",fileIcon:"File icon"},vars:{}};e.s(["CodeHighlightStylesApi",0,t,"CodeHighlightTabsStylesApi",0,a,"InlineCodeHighlightStylesApi",0,{selectors:{inlineCodeHighlight:"Root element"},vars:{inlineCodeHighlight:{"--ch-background":"Background color","--ch-radius":"Border radius"}}}],62512)},871446,e=>{"use strict";var t=e.i(579668),a=e.i(39683);let n={selectors:{...t.InputStylesApi.selectors,...t.InputWrapperStylesApi.selectors,...a.ColorPickerStylesApi.selectors,dropdown:"Popover dropdown",colorPreview:"Color swatch preview in input left section",eyeDropperButton:"Eye dropper button",eyeDropperIcon:"Default eye dropper icon"},vars:{colorPreview:{"--ci-preview-size":"Controls `width` and `height` of color preview"},eyeDropperButton:{"--ci-button-size":"Controls `width` and `height` of the eye dropper button"},eyeDropperIcon:{"--ci-eye-dropper-icon-size":"Controls width and height of the eye dropper icon"}}};e.s(["ColorInputStylesApi",0,n])},39683,e=>{"use strict";let t={selectors:{slider:"Root element",sliderOverlay:"Element used to display various overlays over hue slider",thumb:"Thumb of the hue slider"},vars:{}};e.s(["AlphaSliderStylesApi",0,t,"ColorPickerStylesApi",0,{selectors:{wrapper:"Root element",preview:"Color preview, displayed only when `format` supports alpha channel",body:"Contains alpha/hue sliders and color preview",slider:"Alpha and hue sliders root",sliderOverlay:"Element used to display various overlays over hue and alpha sliders",saturation:"Saturation picker",saturationOverlay:"Element used to display various overlays over saturation picker",sliders:"Contains alpha and hue sliders",thumb:"Thumb of all sliders",swatch:"Color swatch",swatches:"Color swatches list"},vars:{wrapper:{"--cp-body-spacing":"Controls spacing between sliders and saturation","--cp-preview-size":"Controls size of the preview swatch","--cp-width":"Controls `width` of the root element","--cp-swatch-size":"Controls swatch `width` and `height`","--cp-thumb-size":"Controls thumb `width` and `height` in all sliders and saturation picker","--cp-saturation-height":"Controls `height` of the saturation picker"}}},"HueSliderStylesApi",0,t])},368084,e=>{"use strict";e.s(["ColorSwatchStylesApi",0,{selectors:{root:"Root element",alphaOverlay:"Overlay with checkerboard pattern",shadowOverlay:"Overlay with inner box-shadow",colorOverlay:"Overlay with given color background",childrenOverlay:"Overlay with `children` inside"},vars:{root:{"--cs-radius":"Controls `border-radius` of all overlays and `root` element","--cs-size":"Controls `width`, `height`, `min-width` and `min-height` of the `root` element"}}}])},229062,e=>{"use strict";e.s(["ComboboxLikeSelectors",0,{dropdown:"Dropdown root element",options:"Options wrapper",option:"Option",empty:"Nothing found message",group:"Options group wrapper",groupLabel:"Options group label"},"ComboboxStylesApi",0,{selectors:{options:"`Combobox.Options` component",dropdown:"`Combobox.Dropdown` component",option:"`Combobox.Option` component",search:"`Combobox.Search` input",empty:"`Combobox.Empty` component",header:"`Combobox.Header` component",footer:"`Combobox.Footer` component",group:"`Combobox.Group` component",groupLabel:"Label of `Combobox.Group` component"},vars:{dropdown:{"--combobox-option-fz":"Controls option `font-size`","--combobox-option-padding":"Controls option `padding`","--combobox-padding":"Controls dropdown `padding`"},options:{"--combobox-option-fz":"Controls option `font-size`","--combobox-option-padding":"Controls option `padding`"}},modifiers:[{modifier:"data-combobox-selected",selector:"option",condition:"Option is selected"},{modifier:"data-combobox-active",selector:"option",condition:"`active` prop is set"},{modifier:"data-combobox-disabled",selector:"option",condition:"`disabled` prop is set"},{modifier:"data-hidden",selector:"dropdown",condition:"`hidden` prop is set"}]}])},914787,e=>{"use strict";let t={selectors:{...e.i(229062).ComboboxLikeSelectors,search:"Search input, displayed only when `searchable` prop is set"},vars:{},modifiers:[{modifier:"data-checked",selector:"option",condition:"Option is selected"},{modifier:"data-combobox-active",selector:"option",condition:"Option is selected"},{modifier:"data-combobox-disabled",selector:"option",condition:"Option is disabled"},{modifier:"data-reverse",selector:"option",condition:"`checkIconPosition` is `right`"},{modifier:"data-hidden",selector:"dropdown",condition:"There are no options to display and `nothingFoundMessage` is not set"}]};e.s(["ComboboxPopoverStylesApi",0,t])},813807,144225,e=>{"use strict";e.s(["CompositeChartStylesApi",0,{selectors:{root:"Root element",area:"Area of the chart",line:"Line of the chart",bar:"Bar of the chart",axis:"X and Y axis of the chart",container:"Recharts ResponsiveContainer component",grid:"Recharts CartesianGrid component",legend:"Legend root element",legendItem:"Legend item representing data series",legendItemColor:"Legend item color",legendItemName:"Legend item name",tooltip:"Tooltip root element",tooltipBody:"Tooltip wrapper around all items",tooltipItem:"Tooltip item representing data series",tooltipItemBody:"Tooltip item wrapper around item color and name",tooltipItemColor:"Tooltip item color",tooltipItemName:"Tooltip item name",tooltipItemData:"Tooltip item data",tooltipLabel:"Label of the tooltip",referenceLine:"Reference line",referenceArea:"Reference area",referenceDot:"Reference dot",axisLabel:"X and Y axis labels",brush:"Brush (range selector) root element"},vars:{root:{"--chart-grid-color":"Controls color of the grid and curs
1or lines","--chart-text-color":"Controls color of the axis labels"}},modifiers:[]}],813807),e.s(["ContainerStylesApi",0,{selectors:{root:"Root element"},vars:{root:{"--container-size":"Controls container `max-width`"}}}],144225)},770076,e=>{"use strict";e.s(["DataListStylesApi",0,{selectors:{root:"Root `dl` element",item:"DataList.Item root element",itemLabel:"DataList.ItemLabel `dt` element",itemValue:"DataList.ItemValue `dd` element"},vars:{root:{"--data-list-fz":"Controls `font-size`","--data-list-lh":"Controls `line-height`","--data-list-gap":"Controls gap between items","--data-list-label-width":"Controls `min-width` of `DataList.ItemLabel`"}},modifiers:[{modifier:"data-orientation",selector:"root",value:"Value of `orientation` prop"},{modifier:"data-with-divider",selector:"root",condition:"`withDivider` prop is set"}]}])},711253,e=>{"use strict";e.s(["EmptyStateStylesApi",0,{selectors:{root:"Root element",body:"Wrapper around `title`, `description` and `actions`",indicator:"Wrapper around the icon or illustration",title:"Title element",description:"Description element",actions:"Wrapper around action buttons"},vars:{root:{"--empty-state-indicator-size":"Controls indicator icon size","--empty-state-gap":"Controls gap between elements","--empty-state-title-fz":"Controls title `font-size`","--empty-state-description-fz":"Controls description `font-size`","--empty-state-indicator-bg":"Controls indicator background of `filled` and `light` variants","--empty-state-indicator-color":"Controls indicator color of `filled` and `light` variants"}},modifiers:[{modifier:"data-align",selector:"root",value:"Value of `align` prop"},{modifier:"data-variant",selector:"root",value:"Value of `variant` prop"},{modifier:"data-with-background",selector:"indicator",condition:"`withIndicatorBackground` prop is set or `variant` is set"}]}])},24922,e=>{"use strict";e.s(["FieldsetStylesApi",0,{selectors:{root:"Root element",legend:"Legend element"},vars:{root:{"--fieldset-radius":"Controls `border-radius`"}}}])},831645,e=>{"use strict";var t=e.i(579668);let a={selectors:{...t.InputStylesApi.selectors,...t.InputWrapperStylesApi.selectors,placeholder:"Placeholder text"},vars:{}};e.s(["FileInputStylesApi",0,a])},395633,31270,972148,293943,958982,339790,615751,712879,344333,e=>{"use strict";e.s(["FlexStylesApi",0,{selectors:{root:"Root element"},vars:{}}],395633),e.s(["FloatingIndicatorStylesApi",0,{selectors:{root:"Indicator element that animates to match the target position and size"},vars:{root:{"--transition-duration":"Controls indicator transition duration"}},modifiers:[{modifier:"data-initialized",selector:"root",condition:"Indicator has been initialized and transitions are enabled"},{modifier:"data-hidden",selector:"root",condition:"Indicator is hidden (when displayAfterTransitionEnd is true)"}]}],31270),e.s(["FloatingWindowStylesApi",0,{selectors:{root:"Root element"},vars:{},modifiers:[{modifier:"data-dragging",selector:"root",condition:"Window is being dragged"}]}],972148),e.s(["FunnelChartStylesApi",0,{selectors:{root:"Root element",legend:"Legend root element",legendItem:"Legend item representing data series",legendItemColor:"Legend item color",legendItemName:"Legend item name",tooltip:"Tooltip root element",tooltipBody:"Tooltip wrapper around all items",tooltipItem:"Tooltip item representing data series",tooltipItemBody:"Tooltip item wrapper around item color and name",tooltipItemColor:"Tooltip item color",tooltipItemName:"Tooltip item name",tooltipItemData:"Tooltip item data",tooltipLabel:"Label of the tooltip"},vars:{root:{"--chart-labels-color":"Controls color of the chart labels","--chart-size":"Controls size of the chart","--chart-stroke-color":"Controls color of the chart stroke"}},modifiers:[]}],293943),e.s(["GaugeChartStylesApi",0,{selectors:{root:"Root SVG element",track:"Background arc path",section:"Filled section arc path",sectionCap:"Round-capped copy of the first and last sections, rendered when roundCaps is set",needle:"Target marker line",label:"Center label container"},vars:{root:{"--gauge-size":"Controls chart width, height is derived from the arc proportions"}},modifiers:[]}],958982),e.s(["GridStylesApi",0,{selectors:{container:'Container element, only used with `type="container"` prop',root:"Root element",inner:"Columns wrapper",col:"`Grid.Col` root element"},vars:{root:{"--grid-overflow":"Controls `overflow` property","--grid-align":"Controls `align-items` property","--grid-justify":"Controls `justify-content` property"}},modifiers:[{modifier:"data-with-gap",selector:"root",value:"true",condition:"CSS variables for gap, rowGap, and columnGap are set. Variables include: --grid-gap, --grid-row-gap, --grid-column-gap, --grid-margin, --grid-col-padding-x, --grid-col-padding-y"},{modifier:"data-with-col-vars",selector:"col",value:"true",condition:"CSS variables for column layout are set. Variables include: --col-flex-grow, --col-flex-basis, --col-width, --col-max-width, --col-offset, --col-order, --col-align-self"}]}],339790),e.s(["GroupStylesApi",0,{selectors:{root:"Root element"},vars:{root:{"--group-align":"Controls `align-items` property","--group-justify":"Controls `justify-content` property","--group-gap":"Controls `gap` property","--group-wrap":"Controls `flex-wrap` property","--group-child-width":"Controls `max-width` of child elements, applied when grow prop is set and `preventGrowOverflow` is `true`"}},modifiers:[{modifier:"data-grow",selector:"root",condition:"`grow` prop is set"}]}],615751),e.s(["HeatmapStylesApi",0,{selectors:{root:"Root element",weekdayLabel:"Weekday text element",monthLabel:"Month text element",rect:"Rect that represents date",legend:"Legend group element",legendLabel:"Legend text label (Less/More)",legendRect:"Legend color rect"},vars:{},modifiers:[]}],712879),e.s(["HighlightStylesApi",0,{selectors:{root:"Root element"},vars:{}}],344333)},51087,663274,896958,e=>{"use strict";let t=e.i(438723).PopoverStylesApi;e.s(["HoverCardStylesApi",0,t],51087),e.s(["ImageStylesApi",0,{selectors:{root:"Root element"},vars:{root:{"--image-object-fit":"Controls `object-fit` property","--image-radius":"Controls `border-radius` property"}},modifiers:[{modifier:"data-fallback",selector:"root",condition:"Image failed to load"}]}],663274),e.s(["IndicatorStylesApi",0,{selectors:{root:"Root element",indicator:"Indicator element"},vars:{root:{"--indicator-bottom":"Controls `bottom` style","--indicator-left":"Controls `left` style","--indicator-right":"Controls `right` style","--indicator-top":"Controls `top` style","--indicator-radius":"Controls `border-radius`","--indicator-size":"Controls `min-width` and `height`","--indicator-translate-x":"Controls `translateX` style, used for positioning","--indicator-translate-y":"Controls `translateY` style, used for positioning","--indicator-z-index":"Controls `z-index` style","--indicator-color":"Controls `background-color`","--indicator-text-color":"Controls `color`"}},modifiers:[{modifier:"data-inline",selector:"root",condition:"`inline` prop is set"},{modifier:"data-with-label",selector:"indicator",condition:"`label` prop is set"},{modifier:"data-with-border",selector:"indicator",condition:"`withBorder` prop is set"},{modifier:"data-processing",selector:"indicator",condition:"`processing` prop is set"}]}],896958)},579668,e=>{"use strict";e.s(["InputStylesApi",0,{selectors:{wrapper:"Root element of the Input",input:"Input element",section:"Left and right sections",bottomSection:"Bottom section element, rendered inside the input border at the bottom"},vars:{wrapper:{"--input-fz":"`font-size` of the input element","--input-height":"`height` or `min-height` of the input element (depends on `multiline` prop)","--input-left-section-width":"`width` of the left section","--input-right-section-width":"`width` of the right section","--input-margin-bottom":"`margin-bottom` of the input element, usually controlled by `Input.Wrapper`","--input-margin-top":"`margin-top` of the input element, usually controlled by `Input.Wrapper`","--input-padding-y":"`padding-top` and `padding-bottom` of the input element","--input-radius":"`border-radius` of the input element","--input-left-section-pointer-events":"Controls `pointer-events` of the left section","--input-right-section-pointer-events":"Controls `pointer-events` of the right section"}},modifiers:[{modifier:"data-error",selector:["wrapper","input"],condition:"`error` prop is set"},{modifier:"data-success",selector:["wrapper","input"],condition:"`success` prop is set and `error` is not set"},{modifier:"data-disabled",selector:"input",condition:"`disabled` prop is set"},{modifier:"data-with-right-section",selector:"wrapper",condition:"`rightSection` prop is set"},{modifier:"data-with-left-section",selector:"wrapper",condition:"`leftSection` prop is set"},{modifier:"data-multiline",selector:"wrapper",condition:"`multiline` prop is set"},{modifier:"data-pointer",selector:"wrapper",condition:"`pointer` prop is set"},{modifier:"data-position",selector:"section",value:"Section position: left or right"}]},"InputWrapperStylesApi",0,{selectors:{root:"Root element",label:"Label element",required:"Required asterisk element, rendered inside label",description:"Description element",error:"Error element",success:"Success element"},vars:{label:{"--input-label-size":"Controls label `font-size`","--input-asterisk-color":"Controls label asterisk text `color`"},error:{"--input-error-size":"Controls error `font-size`"},success:{"--input-success-size":"Controls success `font-size`"},description:{"--input-description-size":"Controls description `font-size`"}}}])},222670,548168,424011,471478,792185,680479,209253,188126,e=>{"use strict";var t=e.i(579668);let a={selectors:{...t.InputStylesApi.selectors,...t.InputWrapperStylesApi.selectors},vars:{}};e.s(["InputBaseStylesApi",0,a],222670);let n={selectors:{monthThead:"thead element of month table",monthRow:"tr element of month table",monthTbody:"tbody element of month table",monthCell:"td element of month table",month:"Month table element",weekdaysRow:"Weekdays tr element",weekday:"Weekday th element",day:"Month day control",weekNumber:"Week number td element"},vars:{weekNumber:{"--wn-fz":"Controls font size","--wn-size":"Controls size"}},modifiers:[{modifier:"data-with-spacing",selector:"monthCell",condition:"`withCellSpacing` prop is set"},{modifier:"data-today",selector:"day",condition:"Date is the same as new Date()"},{modifier:"data-hidden",selector:"day",condition:"Day is outside of current month and `hideOutsideDates` is set"},{modifier:"data-disabled",selector:"day",condition:"Day disabled by one of the props (`excludeDate`, `getDayProps`, etc.)"},{modifier:"data-weekend",selector:"day",condition:"Day is weekend"},{modifier:"data-outside",selector:"day",condition:"Day is outside of the current month"},{modifier:"data-selected",selector:"day",condition:"Day is selected"},{modifier:"data-in-range",selector:"day",condition:"Day is in range selection"},{modifier:"data-first-in-range",selector:"day",condition:"Day is first in range selection"},{modifier:"data-last-in-range",selector:"day",condition:"Day is last in range selection"}]},o={selectors:{calendarHeader:"Calendar header root element",calendarHeaderControl:"Previous/next calendar header controls",calendarHeaderControlIcon:"Icon of previous/next calendar header controls",calendarHeaderLevel:"Level control (changes levels when clicked, month -> year -> decade)",calendarHeaderSelect:"Native select element used for level navigation when withNativeLevelSelect is enabled"},vars:{calendarHeader:{"--dch-control-size":"Controls size of the previous/next and level controls","--dch-fz":"Controls font-size of the previous/next and level controls"}},modifiers:[{modifier:"data-direction",selector:"calendarHeaderControl",value:'`"previous"` or `"next"` depending on the control type'},{modifier:"data-disabled",selector:"calendarHeaderControl",condition:"Control is disabled for any reason"}]},l={selectors:{...o.selectors,levelsGroup:"Group of decades levels",yearsList:"Years list table element",yearsListRow:"Years list row element",yearsListCell:"Years list cell element",yearsListControl:"Button used to pick months and years"},vars:{}},r={selectors:{...o.selectors,levelsGroup:"Group of years levels",monthsList:"Months list table element",monthsListRow:"Months list row element",monthsListCell:"Months list cell element",monthsListControl:"Button used to pick months and years"},vars:{}},i={selectors:{...o.selectors,levelsGroup:"Group of months levels",...n.selectors},vars:{}},d={selectors:{...o.selectors,...l.selectors,...r.selectors,...i.selectors},vars:{},modifiers:[...o.modifiers,...n.modifiers]},s={selectors:{...o.selectors,...l.selectors,yearPickerRoot:"Year picker root element, contains calendar and presets",presetsList:"Presets wrapper element",presetButton:"Preset button"},vars:{yearPickerRoot:{"--preset-font-size":"Controls font size of preset buttons"}},modifiers:o.modifiers},u={selectors:{...o.selectors,...l.selectors,...r.selectors,monthPickerRoot:"Month picker root element, contains calendar and presets",presetsList:"Presets wrapper element",presetButton:"Preset button"},vars:{monthPickerRoot:{"--preset-font-size":"Controls font size of preset buttons"}},modifiers:o.modifiers},c={selectors:{...o.selectors,...l.selectors,...r.selectors,...i.selectors,datePickerRoot:"Date picker root element, contains calendar and presets",presetsList:"Presets wrapper element",presetButton:"Preset button"},vars:{datePickerRoot:{"--preset-font-size":"Controls font size of preset buttons"}},modifiers:[...o.modifiers,...n.modifiers]},p={selectors:{...a.selectors,...s.selectors,placeholder:"Placeholder element"},vars:{},modifiers:s.modifiers},m={selectors:{...a.selectors,...u.selectors,placeholder:"Placeholder element"},vars:{},modifiers:u.modifiers},f={selectors:{...a.selectors,...c.selectors,placeholder:"Placeholder element"},vars:{},modifiers:c.modifiers},h={selectors:{...a.selectors,...o.selectors,...l.selectors,...r.selectors,...i.selectors,presetsRoot:"Root element, contains calendar and presets",presetsList:"Presets wrapper element",presetButton:"Preset button"},vars:{},modifiers:c.modifiers},y={selectors:{...a.selectors,...c.selectors,placeholder:"Placeholder element",timeWrapper:"Wrapper around time input and submit button",timeInput:"TimeInput",submitButton:"Submit button",rangeTimeWrapper:"Wrapper around two time inputs in range mode",rangeTimeInput:"Time input in range mode",rangeInfo:"Range dates preview in range mode"},vars:{},modifiers:c.modifiers},v={selectors:{root:"Root element",...c.selectors,timeWrapper:"Wrapper around time input and submit button",timeInput:"TimeInput",submitButton:"Submit button",rangeTimeWrapper:"Wrapper around two time inputs and submit button in range mode",rangeTimeInput:"Time input in range mode",rangeInfo:"Range dates preview in range mode"},vars:{},modifiers:c.modifiers};e.s(["CalendarHeaderStylesApi",0,o,"CalendarStylesApi",0,d,"DateInputStylesApi",0,h,"DatePickerInputStylesApi",0,f,"DatePickerStylesApi",0,c,"DateTimePickerStylesApi",0,y,"DecadeLevelGroupStylesApi",0,l,"InlineDateTimePickerStylesApi",0,v,"MonthLevelGroupStylesApi",0,i,"MonthPickerInputStylesApi",0,m,"MonthPickerStylesApi",0,u,"MonthStylesApi",0,n,"TimeInputStylesApi",0,a,"YearLevelGroupStylesApi",0,r,"YearPickerInputStylesApi",0,p,"YearPickerStylesApi",0,s],548168),e.s(["DayViewStylesApi",0,{selectors:{dayView:"Root element",dayViewInner:"Inner container wrapping slot labels and slots",dayViewScrollArea:"Scroll area component",dayViewAllDay:"All-day events container",dayViewAllDayEvents:"All-day events wrapper",dayViewSlot:"Individual time slot element",dayViewSlots:"Container for all slots",dayViewTimeSlots:"Container for time slots (excludes all-day)",dayViewSlotLabel:"Time slot label element",dayViewSlotLabels:"Container for all slot labels",dayViewBackgroun
1dEvent:"Background event element",dayViewBackgroundEventResizeHandle:"Resize handle of an interactive background event",dayViewDragPreview:"Ghost preview shown at the snapped position while dragging an event",header:"Header container, part of ScheduleHeader",headerControl:"Header control element, part of ScheduleHeader",viewSelect:"View select element, part of ScheduleHeader",event:"Event element, part of ScheduleEvent",eventInner:"Event inner element, part of ScheduleEvent",eventResizeHandle:"Event resize handle element, part of ScheduleEvent",moreEventsButton:"More events button, part of MoreEvents",moreEventsList:"More events list, part of MoreEvents",moreEventsDropdown:"More events dropdown, part of MoreEvents",currentTimeIndicator:"Current time indicator container, part of CurrentTimeIndicator",currentTimeIndicatorLine:"Current time indicator line, part of CurrentTimeIndicator",currentTimeIndicatorThumb:"Current time indicator thumb, part of CurrentTimeIndicator",currentTimeIndicatorTimeBubble:"Current time indicator time bubble, part of CurrentTimeIndicator",agendaView:"AgendaView root element, shown when agenda is open",agendaViewHeader:"AgendaView header container",agendaViewHeaderLabel:"AgendaView date range label",agendaViewBody:"AgendaView body container",agendaViewDateGroup:"AgendaView date group container",agendaViewDateHeader:"AgendaView date header text",agendaViewEvent:"AgendaView event item button",agendaViewEventBody:"AgendaView event body container",agendaViewEventColor:"AgendaView event color indicator",agendaViewEventTitle:"AgendaView event title text",agendaViewEventTime:"AgendaView event time label",agendaViewNoEvents:"AgendaView no events message"},vars:{dayView:{"--day-view-radius":"Controls `border-radius` of the day view","--day-view-slot-height":"Controls `height` of 1-hour time slots","--day-view-all-day-slot-height":"Controls `height` of the all-day slot"}},modifiers:[{modifier:"data-hour-start",selector:"dayViewSlot",condition:"Slot is at the start of an hour"},{modifier:"data-business-hours",selector:"dayViewSlot",condition:"`highlightBusinessHours` is true and slot is within business hours"},{modifier:"data-non-business-hours",selector:"dayViewSlot",condition:"`highlightBusinessHours` is true and slot is outside business hours"},{modifier:"data-drop-target",selector:"dayViewSlot",condition:"Slot is the current drag drop target"},{modifier:"data-static",selector:"dayView",condition:'`mode="static"` is set'},{modifier:"data-all-day",selector:"dayViewSlotLabel",condition:"Label is for all-day slot"}]}],424011),e.s(["DialogStylesApi",0,{selectors:{root:"Root element",closeButton:"Close button"},vars:{root:{"--dialog-size":"Controls `width` of the dialog"}}}],471478),e.s(["DividerStylesApi",0,{selectors:{root:"Root element",label:"Label element"},vars:{root:{"--divider-border-style":"Controls `border-style`","--divider-color":"Controls `border-color`","--divider-size":"Controls `border-width`"}},modifiers:[{modifier:"data-with-label",selector:"root",condition:"`label` prop is truthy"},{modifier:"data-orientation",selector:"root",value:"Value of `orientation` prop"},{modifier:"data-position",selector:"label",value:"Value of `labelPosition` prop"}]}],792185),e.s(["DonutChartStylesApi",0,{selectors:{root:"Root element",label:"Chart label, controlled by `chartLabel` prop",legend:"Legend root element",legendItem:"Legend item representing data series",legendItemColor:"Legend item color",legendItemName:"Legend item name",tooltip:"Tooltip root element",tooltipBody:"Tooltip wrapper around all items",tooltipItem:"Tooltip item representing data series",tooltipItemBody:"Tooltip item wrapper around item color and name",tooltipItemColor:"Tooltip item color",tooltipItemName:"Tooltip item name",tooltipItemData:"Tooltip item data",tooltipLabel:"Label of the tooltip"},vars:{root:{"--chart-labels-color":"Controls color of the chart labels","--chart-size":"Controls size of the chart","--chart-stroke-color":"Controls color of the chart stroke"}},modifiers:[]}],680479),e.s(["DrawerStylesApi",0,{selectors:{root:"Root element",inner:"Element used to center modal, has fixed position, takes entire screen",content:"`Drawer.Content` root element",header:"Contains title and close button",overlay:"Overlay displayed under the `Drawer.Content`",title:"Drawer title (h2 tag), displayed in the header",body:"Drawer body, displayed after header",close:"Close button"},vars:{root:{"--drawer-offset":"Controls `margin` of `Drawer.Content`","--drawer-size":"Controls `width` of `Drawer.Content`","--drawer-flex":"Controls `flex` property of `Drawer.Content`","--drawer-align":"Controls `align-items` property of `Drawer.Content`","--drawer-justify":"Controls `justify-content` property of `Drawer.Content`","--drawer-height":"Controls `height` property of `Drawer.Content`"}}}],209253);let b={selectors:{root:"Dropzone root element",inner:"Dropzone inner element (wraps children)"},vars:{root:{"--dropzone-accept-bg":"Controls `background-color` when file is accepted","--dropzone-reject-bg":"Controls `background-color` when file is rejected","--dropzone-accept-color":"Controls `color` when file is accepted","--dropzone-reject-color":"Controls `color` when file is rejected","--dropzone-radius":"Controls `border-radius`"}},modifiers:[{modifier:"data-accept",selector:"root",condition:"Files that are dragged over the dropzone are accepted"},{modifier:"data-reject",selector:"root",condition:"Files that are dragged over the dropzone are rejected"},{modifier:"data-idle",selector:"root",condition:"Dropzone is idle"},{modifier:"data-loading",selector:"root",condition:"`loading` prop is set"},{modifier:"data-disabled",selector:"root",condition:"`disabled` prop is set"},{modifier:"data-activate-on-click",selector:"root",condition:"`activateOnClick` prop is `true`"}]},g={selectors:{fullScreen:"Dropzone.Fullscreen root element",...b.selectors},vars:{}};e.s(["DropzoneFullScreenStylesApi",0,g,"DropzoneStylesApi",0,b],
1188126)},483188,e=>{"use strict";var t=e.i(579668);let a={selectors:{...t.InputStylesApi.selectors,...t.InputWrapperStylesApi.selectors},vars:{}};e.s(["JsonInputStylesApi",0,a])},34707,524229,686243,265093,810502,297044,661067,346289,937111,661549,e=>{"use strict";e.s(["KbdStylesApi",0,{selectors:{root:"Root element"},vars:{root:{"--kbd-fz":"Controls `font-size`"}}}],34707),e.s(["LightboxStylesApi",0,{selectors:{root:"Root element â holds CSS variables, renders overlay and content",overlay:"Background overlay behind the lightbox",content:"Full-screen dialog container with all lightbox controls",toolbar:"Top toolbar wrapper",toolbarGroup:"Left/right toolbar button group",toolbarButton:"Individual toolbar action button",counter:'Slide counter text (e.g. "2 / 5")',slides:"Slides area wrapper",slidesViewport:"Embla viewport (overflow hidden)",slidesContainer:"Embla container (flex row of slides)",slide:"Individual slide wrapper",slideImage:"Image element inside a slide",slideVideo:"Video element inside a slide",thumbnails:"Thumbnails strip wrapper",thumbnailsViewport:"Thumbnails Embla viewport",thumbnailsContainer:"Thumbnails Embla container",thumbnail:"Individual thumbnail button",thumbnailImage:"Image inside a thumbnail",navigation:"Navigation arrows wrapper",navigationButton:"Previous/next navigation button",caption:"Caption text below the active slide",closeButton:"Close button"},vars:{root:{"--lightbox-transition-duration":"Controls transition duration of all animations","--lightbox-overlay-color":"Controls background overlay color","--lightbox-z-index":"Controls `z-index` of the overlay and content elements","--lightbox-toolbar-height":"Controls toolbar height","--lightbox-thumbnails-height":"Controls thumbnails strip height"}},modifiers:[{modifier:"data-active",selector:"thumbnail",condition:"Thumbnail corresponds to the currently active slide"},{modifier:"data-inactive",selector:"navigationButton",condition:"Navigation button is disabled (first/last slide without loop)"},{modifier:"data-zoom-enabled",selector:"slideImage",condition:"`withZoom` prop is set on the lightbox"},{modifier:"data-zoomed",selector:"slideImage",condition:"Image is currently zoomed in"},{modifier:"data-dragging",selector:"slideImage",condition:"Image is being dragged while zoomed"}]}],524229),e.s(["LineChartStylesApi",0,{selectors:{root:"Root element",line:"Line of the chart",axis:"X and Y axis of the chart",container:"Recharts ResponsiveContainer component",grid:"Recharts CartesianGrid component",legend:"Legend root element",legendItem:"Legend item representing data series",legendItemColor:"Legend item color",legendItemName:"Legend item name",tooltip:"Tooltip root element",tooltipBody:"Tooltip wrapper around all items",tooltipItem:"Tooltip item representing data series",tooltipItemBody:"Tooltip item wrapper around item color and name",tooltipItemColor:"Tooltip item color",tooltipItemName:"Tooltip item name",tooltipItemData:"Tooltip item data",tooltipLabel:"Label of the tooltip",referenceLine:"Reference line",referenceArea:"Reference area",referenceDot:"Reference dot",axisLabel:"X and Y axis labels",brush:"Brush (range selector) root element"},vars:{root:{"--chart-grid-color":"Controls color of the grid and cursor lines","--chart-text-color":"Controls color of the axis labels"}},modifiers:[]}],686243),e.s(["ListStylesApi",0,{selectors:{root:"Root element",item:"ListItem root element",itemIcon:"ListItem icon",itemLabel:"ListItem content",itemWrapper:"ListItem wrapper element, container, icon and content"},vars:{root:{"--list-fz":"Controls `font-size`","--list-lh":"Controls `line-height`","--list-spacing":"Controls spacing between items"}},modifiers:[{modifier:"data-with-padding",selector:"root",condition:"`withPadding` prop is set"},{modifier:"data-centered",selector:"item",condition:"`center` prop is set on List component"},{modifier:"data-with-icon",selector:"item",condition:"`icon` prop is set on ListItem component"}]}],265093),e.s(["LoaderStylesApi",0,{selectors:{root:"Root element"},vars:{root:{"--loader-size":"Controls loader size (usually `width` and `height`, in some cases only `width`)","--loader-color":"Control loader color"}}}],810502),e.s(["LoadingOverlayStylesApi",0,{selectors:{root:"Root element",overlay:"`Overlay` component",loader:"`Loader` component"},vars:{root:{"--lo-z-index":"Controls `z-index` of the overlay and loader"}}}],297044),e.s(["MarkStylesApi",0,{selectors:{root:"Root element"},vars:{root:{"--mark-bg-dark":"Controls `background-color` in dark color scheme","--mark-bg-light":"Controls `background-color` for light color scheme"}}}],661067),e.s(["MarqueeStylesApi",0,{selectors:{root:"Root element",content:"Animated scrolling container",group:"Repeated children wrapper"},vars:{root:{"--marquee-duration":"Controls animation duration","--marquee-gap":"Controls gap between items","--marquee-repeat":"Number of times content is repeated","--marquee-fade-color":"Controls the fade edge gradient color","--marquee-fade-size":"Controls the size of the fade gradient"}},modifiers:[{modifier:"data-orientation",selector:"root",value:"horizontal | vertical",condition:"Value depends on `orientation` prop"},{modifier:"data-reverse",selector:"root",condition:"`reverse` prop is set"},{modifier:"data-pause-on-hover",selector:"root",condition:"`pauseOnHover` prop is set"},{modifier:"data-fade-edges",selector:"root",condition:"`fadeEdges` prop is `true` (default)"}]}],346289);var t=e.i(579668);let a={selectors:{...t.InputStylesApi.selectors,...t.InputWrapperStylesApi.selectors},vars:{}};e.s(["MaskInputStylesApi",0,a],937111),e.s(["MatrixChartStylesApi",0,{selectors:{root:"Root SVG element",cell:"Individual cell rect element",xLabel:"X-axis label text",yLabel:"Y-axis label text",legend:"Legend group element",legendLabel:"Legend text label",legendRect:"Legend color rect"},vars:{root:{"--matrix-level-1":"Controls color of the cells in the lowest value range","--matrix-level-2":"Controls color of the cells in the second value range","--matrix-level-3":"Controls color of the cells in the third value range","--matrix-level-4":"Controls color of the cells in the highest value range","--matrix-empty-bg":"Controls background color of empty cells"}},modifiers:[]}],661549)},138198,e=>{"use strict";let t={selectors:{...e.i(438723).PopoverStylesApi.selectors,divider:"`Menu.Divider` root element",label:"`Menu.Label` root element",item:"`Menu.Item` root element",itemLabel:"Label of `Menu.Item`",itemSection:"Left and right sections of `Menu.Item`",itemIndicator:"Indicator slot of `Menu.CheckboxItem` and `Menu.RadioItem`",chevron:"Sub menu chevron",search:"`Menu.Search` input element"},vars:{},modifiers:[{modifier:"data-disabled",selector:"item",condition:"`disabled` prop is set on `Menu.Item`"}]};e.s(["MenuStylesApi",0,t])},561319,e=>{"use strict";e.s(["MenubarStylesApi",0,{selectors:{root:'Root element with `role="menubar"`',target:"`Menubar.Target` top-level trigger button"},vars:{},modifiers:[{modifier:"data-expanded",selector:"target",condition:"Associated menu is opened"}]}])},517807,623221,608493,468682,e=>{"use strict";e.s(["MiniCalendarStylesApi",0,{selectors:{root:"Root element",control:"Button in the dropdown which is used to select hours/minutes/seconds/am-pm",days:"Days container",day:"Single day element",dayMonth:"Day element in month view",dayNumber:"Day number element"},vars:{root:{"--mini-calendar-font-size":"Controls size of all elements (based on em units)"}},modifiers:[{selector:"control",modifier:"disabled",condition:"Next/previous range is after `maxDate` or before `minDate`"},{selector:"control",modifier:"direction",value:"`previous` or `next`"},{selector:"day",modifier:"selected",condition:"The day matches the `value`"},{selector:"day",modifier:"disabled",condition:"The day is before `minDate` or after `maxDate`"}]}],517807),e.s(["MobileMonthViewStylesApi",0,{selectors:{mobileMonthView:"Root element",mobileMonthViewHeader:"Header container with back button and month label",mobileMonthViewHeaderBackButton:"Back button with year text",mobileMonthViewHeaderLabel:"Month and year label in the header",mobileMonthViewCalendar:"Calendar grid container",mobileMonthViewWeekdays:"Weekdays row",mobileMonthViewWeekday:"Individual weekday name",mobileMonthViewWeekdaysCorner:"Weekdays corner (for week numbers)",mobileMonthViewWeek:"Week row",mobileMonthViewWeekNumber:"Week number button",mobileMonthViewDay:"Day cell button",mobileMonthViewDayIndicators:"Day indicators container",mobileMonthViewDayIndicator:"Individual day indicator dot",mobileMonthViewEventsList:"Events list container",mobileMonthViewEventsHeader:"Events list header (selected date)",mobileMonthViewEvent:"Event item button",mobileMonthViewEventColor:"Event color indicator",mobileMonthViewEventBody:"Event body layout container",mobileMonthViewEventTitle:"Event title text",mobileMonthViewEventTime:"Event time label",mobileMonthViewNoEvents:"No events message"},vars:{mobileMonthView:{"--mobile-month-view-radius":"Controls border radius"}},modifiers:[]}],623221),e.s(["ModalStylesApi",0,{selectors:{root:"Root element",inner:"Element used to center modal, has fixed position, takes entire screen",content:"`Modal.Content` root element",header:"Contains title and close button",overlay:"Overlay displayed under the `Modal.Content`",title:"Modal title (h2 tag), displayed in the header",body:"Modal body, displayed after header",close:"Close button"},vars:{root:{"--modal-radius":"Controls `border-radius` of `Modal.Content`","--modal-size":"Controls `width` of `Modal.Content`","--modal-x-offset":"Controls left and right `padding` of the inner element used to position `Modal.Content`","--modal-y-offset":"Controls top and bottom `padding` of the inner element used to position `Modal.Content`"}},modifiers:[{modifier:"data-full-screen",selector:"root",condition:"`fullScreen` prop is set"},{modifier:"data-centered",selector:"root",condition:"`centered` prop is set"}]}],608493),e.s(["MonthViewStylesApi",0,{selectors:{monthView:"Root element",monthViewScrollArea:"Scroll area wrapper",monthViewInner:"Inner container",monthViewWeek:"Week row",monthViewDay:"Day cell",monthViewDayLabel:"Day number label",monthViewWeekNumber:"Week number indicator",monthViewWeekday:"Weekday name cell",monthViewWeekdays:"Weekdays row",monthViewWeekdaysCorner:"Top-left corner in weekdays row",monthViewEvents:"Events container in day cell",monthViewBackgroun
1dEvent:"Background event element",header:"Header container, part of ScheduleHeader",headerControl:"Header control element, part of ScheduleHeader",viewSelect:"View select element, part of ScheduleHeader",monthYearSelectTarget:"Month/year select target button, part of MonthYearSelect",monthYearSelectDropdown:"Month/year select dropdown, part of MonthYearSelect",monthYearSelectControl:"Month/year select control, part of MonthYearSelect",monthYearSelectList:"Month/year select list, part of MonthYearSelect",monthYearSelectLabel:"Month/year select label, part of MonthYearSelect",agendaView:"AgendaView root element, shown when agenda is open",agendaViewHeader:"AgendaView header container",agendaViewHeaderLabel:"AgendaView date range label",agendaViewBody:"AgendaView body container",agendaViewDateGroup:"AgendaView date group container",agendaViewDateHeader:"AgendaView date header text",agendaViewEvent:"AgendaView event item button",agendaViewEventBody:"AgendaView event body container",agendaViewEventColor:"AgendaView event color indicator",agendaViewEventTitle:"AgendaView event title text",agendaViewEventTime:"AgendaView event time label",agendaViewNoEvents:"AgendaView no events message"},vars:{monthView:{"--month-view-radius":"Controls `border-radius` of the month view","--month-view-max-events":'Maximum number of visible events per day before "+more" indicator'}},modifiers:[{modifier:"data-today",selector:"monthViewDay",condition:"Day is today"},{modifier:"data-weekend",selector:"monthViewDay",condition:"Day is a weekend day"},{modifier:"data-outside",selector:"monthViewDay",condition:"Day is outside current month"},{modifier:"data-static",selector:"monthView",condition:'`mode="static"` is set'}]}],468682)},726869,e=>{"use strict";var t=e.i(229062),a=e.i(579668);let n={selectors:{...a.InputStylesApi.selectors,...a.InputWrapperStylesApi.selectors,...t.ComboboxLikeSelectors,pill:"Value pill",inputField:"Input field",pillsList:"List of pills, also contains input field"},vars:{},modifiers:[{modifier:"data-combobox-selected",selector:"option",condition:"Option is selected"},{modifier:"data-combobox-active",selector:"option",condition:"Options was activated by keyboard"},{modifier:"data-combobox-disabled",selector:"option",condition:"Option is disabled"}]};e.s(["MultiSelectStylesApi",0,n])},990730,e=>{"use strict";var t=e.i(579668);let a={selectors:{...t.InputWrapperStylesApi.selectors,...t.InputStylesApi.selectors},vars:{}};e.s(["NativeSelectStylesApi",0,a])},479348,e=>{"use strict";e.s(["NavLinkStylesApi",0,{selectors:{root:"Root element",body:"Contains label and description",section:"Left and right sections",label:"NavLink label",description:"Dimmed description displayed below the label",children:"Wrapper around nested links",chevron:"Default chevron icon",collapse:"Nested links Collapse container"},vars:{root:{"--nl-bg":"Controls link `background-color`","--nl-color":"Controls link `color`","--nl-hover":"Controls link `background-color` when hovered"},children:{"--nl-offset":"Controls nested links offset"}},modifiers:[{modifier:"data-active",selector:"root",condition:"`active` prop is set"}]}])},520392,e=>{"use strict";e.s(["NotificationStylesApi",0,{selectors:{root:"Root element",loader:"Loader component, displayed only when `loading` prop is set",icon:"Icon component, displayed only when `icon` prop is set",body:"Notification body, contains all other elements",title:"Title element, displayed only when `title` prop is set",description:"Description displayed below the title",closeButton:"Close button element"},vars:{root:{"--notification-radius":"Controls `border-radius`","--notification-color":"Controls icon color or notification line color"}},modifiers:[{modifier:"data-with-icon",selector:"root",condition:"`icon` prop is set"},{modifier:"data-with-border",selector:"root",condition:"`withBorder` prop is set"},{modifier:"data-with-title",selector:"description",condition:"`title` prop is set"}]}])},865106,41839,414750,e=>{"use strict";e.s(["NotificationsStylesApi",0,{selectors:{root:"Notifications container, contains all notifications",notification:"Single notification"},vars:{root:{"--notifications-container-width":"Controls notifications container `max-width`","--notifications-z-index":"Controls notifications container `z-index`"}}}],865106),e.s(["OverflowListStylesApi",0,{selectors:{root:"Root element"},vars:{root:{"--ol-gap":"Controls gap between items"}},modifiers:[]}],41839),e.s(["OverlayStylesApi",0,{selectors:{root:"Root element"},vars:{root:{"--overlay-bg":"Controls `background-color`","--overlay-filter":"Controls `backdrop-filter`","--overlay-radius":"Controls `border-radius`","--overlay-z-index":"Controls `z-index`"}},modifiers:[{modifier:"data-center",selector:"root",condition:"`center` prop is set"},{modifier:"data-fixed",selector:"root",condition:"`fixed` prop is set"}]}],414750)},858210,e=>{"use strict";var t=e.i(579668);let a={selectors:{...t.InputStylesApi.selectors,...t.InputWrapperStylesApi.selectors,controls:"Increment and decrement buttons wrapper",control:"Increment and decrement buttons"},vars:{controls:{"--ni-chevron-size":"Controls `width` and `height` of the default chevron icon"}},modifiers:[{modifier:"data-direction",selector:"control",value:"`up` or `down` depending on the control"}]};e.s(["NumberInputStylesApi",0,a])},363937,e=>{"use strict";e.s(["PaginationStylesApi",0,{selectors:{root:"Root element",control:"Control element: items, next/previous, first/last buttons",dots:"Dots icon wrapper",items:'Wrapper around page number controls, used with `layout="responsive"`',label:'Compact label element displayed in narrow containers with `layout="responsive"`'},vars:{root:{"--pagination-active-bg":"Active control `background-color`","--pagination-active-color":"Active control `color`","--pagination-control-fz":"Controls `font-size`","--pagination-control-radius":"Controls control `border-radius`","--pagination-control-size":"Controls control `min-width` and `height`"}},modifiers:[{modifier:"data-active",selector:"control",condition:"Control is active"},{modifier:"data-disabled",selector:"control",condition:"Control is disabled"},{modifier:"data-layout",selector:"root",value:"Value of `layout` prop"}]}])},218643,e=>{"use strict";e.s(["PaperStylesApi",0,{selectors:{root:"Root element"},vars:{root:{"--paper-radius":"Controls `border-radius`","--paper-shadow":"Controls `box-shadow`"}},modifiers:[{modifier:"data-with-border",selector:"root",condition:"`withBorderProp` is set"}]}])},466200,e=>{"use strict";var t=e.i(579668);let a={selectors:{...t.InputStylesApi.selectors,...t.InputWrapperStylesApi.selectors,innerInput:"Actual input element",visibilityToggle:"Visibility toggle button"},vars:{root:{"--psi-button-size":"Controls visibility toggle button `width` and `height`","--psi-icon-size":"Controls visibility toggle icon `width` and `height`"}}};e.s(["PasswordInputStylesApi",0,a])},211380,e=>{"use strict";e.s(["PieChartStylesApi",0,{selectors:{root:"Root element",legend:"Legend root element",legendItem:"Legend item representing data series",legendItemColor:"Legend item color",legendItemName:"Legend item name",tooltip:"Tooltip root element",tooltipBody:"Tooltip wrapper around all items",tooltipItem:"Tooltip item representing data series",tooltipItemBody:"Tooltip item wrapper around item color and name",tooltipItemColor:"Tooltip item color",tooltipItemName:"Tooltip item name",tooltipItemData:"Tooltip item data",tooltipLabel:"Label of the tooltip"},vars:{root:{"--chart-labels-color":"Controls color of the chart labels","--chart-size":"Controls size of the chart","--chart-stroke-color":"Controls color of the chart stroke"}},modifiers:[]}])},290486,e=>{"use strict";e.s(["PillGroupStylesApi",0,{selectors:{group:"Root element"},vars:{group:{"--pg-gap":"Controls `gap` between pills"}}},"PillStylesApi",0,{selectors:{root:"Root element",label:"Pill label (children)",remove:"Remove button"},vars:{root:{"--pill-height":"Controls `height` of the pill","--pill-fz":"Controls `font-size`","--pill-radius":"Controls `border-radius`"}},modifiers:[{modifier:"data-with-remove",selector:"root",condition:"`withRemoveButton` prop is set"},{modifier:"data-disabled",selector:"root",condition:"`disabled` prop is set"}]}])},92930,e=>{"use strict";var t=e.i(579668);let a={selectors:{...t.InputStylesApi.selectors,...t.InputWrapperStylesApi.selectors},vars:{}};e.s(["PillsInputFieldStylesApi",0,{selectors:{field:"Root element"},vars:{},modifiers:[{modifier:"data-type",selector:"field",value:"Value of `type` prop"},{modifier:"data-disabled",selector:"field",condition:"`disabled` prop is set"}]},"PillsInputStylesApi",0,a])},487634,e=>{"use strict";e.s(["PinInputStylesApi",0,{selectors:{root:"Root element",pinInput:"Input item wrapper",input:"Input element"},vars:{root:{"--pin-input-size":"Controls input `width` and `height`"}},modifiers:[]}])},438723,e=>{"use strict";e.s(["PopoverStylesApi",0,{selectors:{dropdown:"Dropdown element",arrow:"Dropdown arrow",overlay:"Overlay element"},vars:{dropdown:{"--popover-radius":"Controls dropdown border-radius","--popover-shadow":"Controls dropdown box-shadow"}},modifiers:[{modifier:"data-position",selector:"dropdown",value:"Value of floating ui dropdown position"}]}])},615169,e=>{"use strict";e.s(["ProgressStylesApi",0,{selectors:{root:"Root element",section:"`Progress.Section` root element",label:"`Progress.Label` root element"},vars:{root:{"--progress-radius":"Controls `border-radius` of track and sections","--progress-size":"Controls height of progress bar","--progress-transition-duration":"Controls width `transition-duration` of progress bar"}},modifiers:[{modifier:"data-orientation",selector:"root",value:"vertical | horizontal",condition:"`orientation` prop"},{modifier:"data-striped",selector:"section",condition:"`striped` or `animated` props are set"},{modifier:"data-animated",selector:"section",condition:"`animated` prop is set"}]}])},788668,542387,e=>{"use strict";e.s(["RadarChartStylesApi",0,{selectors:{root:"Root element",container:"Recharts ResponsiveContainer component",tooltip:"Tooltip root element",tooltipBody:"Tooltip wrapper around all items",tooltipItem:"Tooltip item representing data series",tooltipItemBody:"Tooltip item wrapper around item color and name",tooltipItemColor:"Tooltip item color",tooltipItemName:"Tooltip item name",tooltipItemData:"Tooltip item data",tooltipLabel:"Label of the tooltip",legend:"Legend root element",legendItem:"Legend item representing data series",legendItemColor:"Legend item color",legendItemName:"Legend item name"},vars:{root:{"--chart-grid-color":"Controls color of the chart grid","--chart-text-color":"Controls color of all text elements in the chart"}},modifiers:[]}],788668),e.s(["RadialBarChartStylesApi",0,{selectors:{root:"Root element",tooltip:"Tooltip root element",legend:"Legend root element",legendItem:"Legend item representing data series",legendItemColor:"Legend item color",legendItemName:"Legend item name"}
1,vars:{root:{"--chart-empty-background":"Background color of the empty space in the chart"}},modifiers:[]}],542387)},277991,e=>{"use strict";var t=e.i(579668);let a={selectors:{root:"Root element",radio:'Input element (`input[type="radio"]`)',icon:"Radio icon, used to display checked icon",inner:"Wrapper for `icon` and `input`",body:"Input body, contains all other elements",labelWrapper:"Contains `label`, `description` and `error`",label:"Label element",description:"Description displayed below the label",error:"Error message displayed below the label"},vars:{root:{"--radio-color":"Controls checked radio `background-color`","--radio-radius":"Controls radio `border-radius`","--radio-size":"Controls radio `width` and `height`","--radio-icon-color":"Controls radio icon `color`","--radio-icon-size":"Controls radio icon `width` and `height`"}},modifiers:[{modifier:"data-error",selector:"radio",condition:"`error` prop is set"},{modifier:"data-label-position",selector:"inner",value:"Value of `labelPosition` prop"}]},n={selectors:{...t.InputWrapperStylesApi.selectors},vars:{}},o={selectors:{indicator:"Root element",icon:"Radio icon"},vars:{indicator:a.vars.root},modifiers:[{modifier:"data-checked",selector:"indicator",condition:"`checked` prop is set"},{modifier:"data-disabled",selector:"indicator",condition:"`disabled` prop is set"}]};e.s(["RadioCardStylesApi",0,{selectors:{card:"Root element"},vars:{card:{"--card-radius":"Controls card `border-radius`"}},modifiers:[{modifier:"data-checked",selector:"card",condition:"`checked` prop is set"},{modifier:"data-with-border",selector:"card",condition:"`withBorder` prop is set"}]},"RadioGroupStylesApi",0,n,"RadioIndicatorStylesApi",0,o,"RadioStylesApi",0,a])},571665,597390,371063,890555,782621,414205,176027,37592,824776,457001,697478,838491,635116,e=>{"use strict";e.s(["RatingStylesApi",0,{selectors:{root:"Root element",starSymbol:"Symbol element (star icon by default, or custom symbol)",input:"Item input, hidden by default",label:"Item label, used to display star icon",symbolBody:"Wrapper around star icon, used for clip-path masking in fractional ratings",symbolGroup:"Container for all fractional symbols of a single rating unit"},vars:{root:{"--rating-color":"Controls filled star icon color","--rating-size":"Controls star icon width and height. Can use theme size or custom CSS value."}},modifiers:[{modifier:"data-read-only",selector:"label",condition:"`readOnly` prop is set"},{modifier:"data-active",selector:"input",condition:"Input value is the same as component value"},{modifier:"data-active",selector:"symbolGroup",condition:"Symbol group is being hovered"},{modifier:"data-filled",selector:"starSymbol",condition:"Associated input value is less or equal to the component value"}]}],571665),e.s(["ResourcesDayViewStylesApi",0,{selectors:{resourcesDayView:"Root element",resourcesDayViewRoot:"Root container wrapping scroll area",resourcesDayViewInner:"Inner container wrapping time labels and rows",resourcesDayViewTimeLabelsRow:"Row containing time labels",resourcesDayViewScrollArea:"Scroll area component",resourcesDayViewCorner:"Top-left corner element",resourcesDayViewTimeLabel:"Individual time label element",resourcesDayViewResourceLabel:"Resource label element",resourcesDayViewRow:"Resource row element",resourcesDayViewRowSlot:"Individual time slot element",resourcesDayViewRowSlots:"Container for all slots in a row",resourcesDayViewBackgroundEvent:"Background event element",resourcesDayViewAllDayEvent:"All-day event element",resourcesDayViewCurrentTimeIndicator:"Current time indicator container",resourcesDayViewCurrentTimeIndicatorLine:"Current time indicator line",resourcesDayViewCurrentTimeIndicatorThumb:"Current time indicator thumb",resourcesDayViewCurrentTimeIndicatorTimeBubble:"Current time indicator time bubble",resourcesDayViewEventWrapper:"Event wrapper element",resourcesDayViewDragPreview:"Ghost preview shown at the snapped position while dragging an event",resourcesDayViewResizeHandle:"Event resize handle element",resourcesDayViewGroupColumn:"Group label column element",resourcesDayViewGroupColumnEmpty:"Empty group column cell for ungrouped resources",moreEventsButton:"More events button, part of MoreEvents",moreEventsList:"More events list, part of MoreEvents",moreEventsDropdown:"More events dropdown, part of MoreEvents",header:"Header container, part of ScheduleHeader",headerControl:"Header control element, part of ScheduleHeader",viewSelect:"View select element, part of ScheduleHeader",monthYearSelectTarget:"MonthYearSelect target button, part of ScheduleHeader",monthYearSelectDropdown:"MonthYearSelect dropdown, part of ScheduleHeader",monthYearSelectControl:"MonthYearSelect control, part of ScheduleHeader",monthYearSelectList:"MonthYearSelect list, part of ScheduleHeader",monthYearSelectLabel:"MonthYearSelect label, part of ScheduleHeader"},vars:{resourcesDayView:{"--resources-day-view-radius":"Controls `border-radius` of the view","--resources-day-view-slot-width":"Controls `width` of each time slot column","--resources-day-view-row-height":"Controls `height` of each resource row","--resources-day-view-group-label-width":"Controls `width` of the group label column"}},modifiers:[{modifier:"data-hour-start",selector:"resourcesDayViewRowSlot",condition:"Slot is at the start of an hour"},{modifier:"data-business-hours",selector:"resourcesDayViewRowSlot",condition:"`highlightBusinessHours` is true and slot is within business hours"},{modifier:"data-non-business-hours",selector:"resourcesDayViewRowSlot",condition:"`highlightBusinessHours` is true and slot is outside business hours"},{modifier:"data-drop-target",selector:"resourcesDayViewRowSlot",condition:"Slot is the current drag drop target"},{modifier:"data-drag-selected",selector:"resourcesDayViewRowSlot",condition:"Slot is selected during drag-to-select"},{modifier:"data-static",selector:"resourcesDayView",condition:'`mode="static"` is set'},{modifier:"data-scrolled",selector:"resourcesDayViewTimeLabelsRow",condition:"Scroll area is scrolled vertically"},{modifier:"data-scrolled-x",selector:"resourcesDayViewResourceLabel",condition:"Scroll area is scrolled horizontally"},{modifier:"data-resizing",selector:"resourcesDayView",condition:"An event is being resized"},{modifier:"data-resizing",selector:"resourcesDayViewEventWrapper",condition:"This event is being resized"},{modifier:"data-edge",selector:"resourcesDayViewResizeHandle",condition:"Set to 'start' or 'end' based on resize handle position"},{modifier:"data-active",selector:"resourcesDayViewResizeHandle",condition:"Resize handle is actively being dragged"}]}],597390),e.s(["ResourcesMonthViewStylesApi",0,{selectors:{resourcesMonthView:"Root element",resourcesMonthViewRoot:"Root container wrapping scroll area",resourcesMonthViewScrollArea:"Scroll area component",resourcesMonthViewDayLabelsRow:"Row containing day labels",resourcesMonthViewCorner:"Top-left corner element",resourcesMonthViewDayLabel:"Individual day label element",resourcesMonthViewDayLabelWeekday:"Weekday text inside day label",resourcesMonthViewDayLabelNumber:"Day number inside day label",resourcesMonthViewRow:"Resource row element",resourcesMonthViewResourceLabel:"Resource label element",resourcesMonthViewRowSlots:"Container for all day cells in a row",resourcesMonthViewCell:"Individual day cell element",resourcesMonthViewEventWrapper:"Event wrapper element",resourcesMonthViewResizeHandle:"Event resize handle element",resourcesMonthViewInner:"Inner container wrapping day labels and rows",resourcesMonthViewGroupColumn:"Group label column element",resourcesMonthViewGroupColumnEmpty:"Empty group column cell for ungrouped resources",moreEventsButton:"More events button, part of MoreEvents",moreEventsList:"More events list, part of MoreEvents",moreEventsDropdown:"More events dropdown, part of MoreEvents",header:"Header container, part of ScheduleHeader",headerControl:"Header control element, part of ScheduleHeader",viewSelect:"View select element, part of ScheduleHeader",monthYearSelectTarget:"MonthYearSelect target button, part of ScheduleHeader",monthYearSelectDropdown:"MonthYearSelect dropdown, part of ScheduleHeader",monthYearSelectControl:"MonthYearSelect control, part of ScheduleHeader",monthYearSelectList:"MonthYearSelect list, part of ScheduleHeader",monthYearSelectLabel:"MonthYearSelect label, part of ScheduleHeader"},vars:{resourcesMonthView:{"--resources-month-view-radius":"Controls `border-radius` of the view","--resources-month-view-day-width":"Controls `width` of each day column","--resources-month-view-row-height":"Controls `height` of each resource row","--resources-month-view-group-label-width":"Controls `width` of the group label column"}},modifiers:[{modifier:"data-weekend",selector:"resourcesMonthViewDayLabel",condition:"Day label represents a weekend day"},{modifier:"data-today",selector:"resourcesMonthViewDayLabel",condition:"Day label represents today and `highlightToday` is true"},{modifier:"data-weekend",selector:"resourcesMonthViewCell",condition:"Cell represents a weekend day"},{modifier:"data-drop-target",selector:"resourcesMonthViewCell",condition:"Cell is the current drag drop target"},{modifier:"data-drag-selected",selector:"resourcesMonthViewCell",condition:"Cell is selected during drag-to-select"},{modifier:"data-static",selector:"resourcesMonthViewCell",condition:'`mode="static"` is set'},{modifier:"data-static",selector:"resourcesMonthView",condition:'`mode="static"` is set'}]}],371063),e.s(["ResourcesScheduleStylesApi",0,{selectors:{root:"Root element",resourcesDayView:"ResourcesDayView root element",resourcesDayViewRoot:"ResourcesDayView root container",resourcesDayViewInner:"ResourcesDayView inner container",resourcesDayViewTimeLabelsRow:"ResourcesDayView time labels row",resourcesDayViewScrollArea:"ResourcesDayView scroll area",resourcesDayViewCorner:"ResourcesDayView top-left corner",resourcesDayViewTimeLabel:"ResourcesDayView time label",resourcesDayViewResourceLabel:"ResourcesDayView resource label",resourcesDayViewRow:"ResourcesDayView resource row",resourcesDayViewRowSlot:"ResourcesDayView time slot",resourcesDayViewRowSlots:"ResourcesDayView slots container",resourcesDayViewBackgroun
1dEvent:"ResourcesDayView background event",resourcesDayViewAllDayEvent:"ResourcesDayView all-day event",resourcesDayViewCurrentTimeIndicator:"ResourcesDayView current time indicator container",resourcesDayViewCurrentTimeIndicatorLine:"ResourcesDayView current time indicator line",resourcesDayViewCurrentTimeIndicatorThumb:"ResourcesDayView current time indicator thumb",resourcesDayViewCurrentTimeIndicatorTimeBubble:"ResourcesDayView current time indicator time bubble",resourcesDayViewEventWrapper:"ResourcesDayView event wrapper",resourcesDayViewDragPreview:"ResourcesDayView drag preview ghost element",resourcesDayViewResizeHandle:"ResourcesDayView event resize handle",resourcesDayViewGroupColumn:"ResourcesDayView group label column",resourcesDayViewGroupColumnEmpty:"ResourcesDayView empty group column cell",resourcesWeekView:"ResourcesWeekView root element",resourcesWeekViewRoot:"ResourcesWeekView root container",resourcesWeekViewInner:"ResourcesWeekView inner container",resourcesWeekViewHeaderRows:"ResourcesWeekView header rows container",resourcesWeekViewHeaderContent:"ResourcesWeekView header content container",resourcesWeekViewDayLabelsRow:"ResourcesWeekView day labels row",resourcesWeekViewDayLabel:"ResourcesWeekView day label",resourcesWeekViewTimeLabelsRow:"ResourcesWeekView time labels row",resourcesWeekViewScrollArea:"ResourcesWeekView scroll area",resourcesWeekViewCorner:"ResourcesWeekView top-left corner",resourcesWeekViewTimeLabel:"ResourcesWeekView time label",resourcesWeekViewResourceLabel:"ResourcesWeekView resource label",resourcesWeekViewRow:"ResourcesWeekView resource row",resourcesWeekViewRowSlot:"ResourcesWeekView time slot",resourcesWeekViewRowSlots:"ResourcesWeekView slots container",resourcesWeekViewBackgroundEvent:"ResourcesWeekView background event",resourcesWeekViewAllDayEvent:"ResourcesWeekView all-day event",resourcesWeekViewCurrentTimeIndicator:"ResourcesWeekView current time indicator container",resourcesWeekViewCurrentTimeIndicatorLine:"ResourcesWeekView current time indicator line",resourcesWeekViewCurrentTimeIndicatorThumb:"ResourcesWeekView current time indicator thumb",resourcesWeekViewCurrentTimeIndicatorTimeBubble:"ResourcesWeekView current time indicator time bubble",resourcesWeekViewEventWrapper:"ResourcesWeekView event wrapper",resourcesWeekViewDragPreview:"ResourcesWeekView drag preview ghost element",resourcesWeekViewResizeHandle:"ResourcesWeekView event resize handle",resourcesWeekViewGroupColumn:"ResourcesWeekView group label column",resourcesWeekViewGroupColumnEmpty:"ResourcesWeekView empty group column cell",resourcesMonthView:"ResourcesMonthView root element",resourcesMonthViewRoot:"ResourcesMonthView root container",resourcesMonthViewScrollArea:"ResourcesMonthView scroll area",resourcesMonthViewDayLabelsRow:"ResourcesMonthView day labels row",resourcesMonthViewCorner:"ResourcesMonthView top-left corner",resourcesMonthViewDayLabel:"ResourcesMonthView day label",resourcesMonthViewDayLabelWeekday:"ResourcesMonthView weekday text inside day label",resourcesMonthViewDayLabelNumber:"ResourcesMonthView day number inside day label",resourcesMonthViewRow:"ResourcesMonthView resource row",resourcesMonthViewResourceLabel:"ResourcesMonthView resource label",resourcesMonthViewRowSlots:"ResourcesMonthView day cells container",resourcesMonthViewCell:"ResourcesMonthView day cell",resourcesMonthViewEventWrapper:"ResourcesMonthView event wrapper",resourcesMonthViewResizeHandle:"ResourcesMonthView event resize handle",resourcesMonthViewInner:"ResourcesMonthView inner container",resourcesMonthViewGroupColumn:"ResourcesMonthView group label column",resourcesMonthViewGroupColumnEmpty:"ResourcesMonthView empty group column cell",moreEventsButton:"More events button, part of MoreEvents",moreEventsList:"More events list, part of MoreEvents",moreEventsDropdown:"More events dropdown, part of MoreEvents",header:"ScheduleHeader container",headerControl:"ScheduleHeader control element",viewSelect:"ViewSelect element",monthYearSelectTarget:"MonthYearSelect target button",monthYearSelectDropdown:"MonthYearSelect dropdown",monthYearSelectControl:"MonthYearSelect control",monthYearSelectList:"MonthYearSelect list",monthYearSelectLabel:"MonthYearSelect label"},vars:{},modifiers:[]}],890555),e.s(["ResourcesWeekViewStylesApi",0,{selectors:{resourcesWeekView:"Root element",resourcesWeekViewRoot:"Root container wrapping scroll area",resourcesWeekViewInner:"Inner container wrapping header rows and resource rows",resourcesWeekViewHeaderRows:"Container for header rows (corner, day labels, time labels)",resourcesWeekViewHeaderContent:"Container for day labels and time labels rows",resourcesWeekViewDayLabelsRow:"Row containing day labels",resourcesWeekViewDayLabel:"Individual day label element",resourcesWeekViewTimeLabelsRow:"Row containing time labels",resourcesWeekViewScrollArea:"Scroll area component",resourcesWeekViewCorner:"Top-left corner element",resourcesWeekViewTimeLabel:"Individual time label element",resourcesWeekViewResourceLabel:"Resource label element",resourcesWeekViewRow:"Resource row element",resourcesWeekViewRowSlot:"Individual time slot element",resourcesWeekViewRowSlots:"Container for all slots in a row",resourcesWeekViewBackgroun
1dEvent:"Background event element",resourcesWeekViewAllDayEvent:"All-day event element",resourcesWeekViewCurrentTimeIndicator:"Current time indicator container",resourcesWeekViewCurrentTimeIndicatorLine:"Current time indicator line",resourcesWeekViewCurrentTimeIndicatorThumb:"Current time indicator thumb",resourcesWeekViewCurrentTimeIndicatorTimeBubble:"Current time indicator time bubble",resourcesWeekViewEventWrapper:"Event wrapper element",resourcesWeekViewDragPreview:"Ghost preview shown at the snapped position while dragging an event",resourcesWeekViewResizeHandle:"Event resize handle element",resourcesWeekViewGroupColumn:"Group label column element",resourcesWeekViewGroupColumnEmpty:"Empty group column cell for ungrouped resources",moreEventsButton:"More events button, part of MoreEvents",moreEventsList:"More events list, part of MoreEvents",moreEventsDropdown:"More events dropdown, part of MoreEvents",header:"Header container, part of ScheduleHeader",headerControl:"Header control element, part of ScheduleHeader",viewSelect:"View select element, part of ScheduleHeader",monthYearSelectTarget:"MonthYearSelect target button, part of ScheduleHeader",monthYearSelectDropdown:"MonthYearSelect dropdown, part of ScheduleHeader",monthYearSelectControl:"MonthYearSelect control, part of ScheduleHeader",monthYearSelectList:"MonthYearSelect list, part of ScheduleHeader",monthYearSelectLabel:"MonthYearSelect label, part of ScheduleHeader"},vars:{resourcesWeekView:{"--resources-week-view-radius":"Controls `border-radius` of the view","--resources-week-view-slot-width":"Controls `width` of each time slot column","--resources-week-view-row-height":"Controls `height` of each resource row","--resources-week-view-group-label-width":"Controls `width` of the group label column"}},modifiers:[{modifier:"data-hour-start",selector:"resourcesWeekViewRowSlot",condition:"Slot is at the start of an hour"},{modifier:"data-business-hours",selector:"resourcesWeekViewRowSlot",condition:"`highlightBusinessHours` is true and slot is within business hours"},{modifier:"data-non-business-hours",selector:"resourcesWeekViewRowSlot",condition:"`highlightBusinessHours` is true and slot is outside business hours"},{modifier:"data-drop-target",selector:"resourcesWeekViewRowSlot",condition:"Slot is the current drag drop target"},{modifier:"data-drag-selected",selector:"resourcesWeekViewRowSlot",condition:"Slot is selected during drag-to-select"},{modifier:"data-static",selector:"resourcesWeekView",condition:'`mode="static"` is set'},{modifier:"data-scrolled",selector:"resourcesWeekViewTimeLabelsRow",condition:"Scroll area is scrolled vertically"},{modifier:"data-scrolled-x",selector:"resourcesWeekViewResourceLabel",condition:"Scroll area is scrolled horizontally"},{modifier:"data-today",selector:"resourcesWeekViewDayLabel",condition:"Day label represents today and `highlightToday` is true"},{modifier:"data-weekend",selector:"resourcesWeekViewDayLabel",condition:"Day label represents a weekend day"}]}],782621),e.s(["RichTextEditorStylesApi",0,{selectors:{root:"Root element",toolbar:"Toolbar element",content:"Content area",Typography:"Typography component, wraps content",control:"RichTextEditor.Control root element, used as a base for all controls",controlIcon:"Control icon element",controlsGroup:"RichTextEditor.ControlsGroup component root",linkEditor:"Link editor root element",linkEditorSave:"Link editor save button",linkEditorInput:"Link editor url input",linkEditorExternalControl:"Link editor external button",linkEditorDropdown:"Link editor popover dropdown element",tableInsertDropdown:"RichTextEditor.TableInsert popover dropdown element",tableInsertGrid:"RichTextEditor.TableInsert size picker grid",tableInsertCell:"RichTextEditor.TableInsert size picker grid cell",tableInsertLabel:"RichTextEditor.TableInsert selected size label"},vars:{},modifiers:[{modifier:"data-active",selector:"control",condition:"Control is active"}]}],414205),e.s(["RingProgressStylesApi",0,{selectors:{root:"Root container element",svg:"SVG element containing all ring sections",curve:"Individual ring section (circle element)",label:"Label displayed in the center of the ring"},vars:{root:{"--rp-label-offset":"Controls horizontal spacing between label and ring edges","--rp-size":"Controls width and height of the entire component","--rp-transition-duration":"Controls animation duration for value and color changes"},svg:{"--rp-start-angle":"Controls the starting angle of the progress ring in degrees"}}}],176027),e.s(["RollingNumberStylesApi",0,{selectors:{root:"Root element",copyValue:"Trans
1parent text layer with the formatted value, used for text selection and copying",digit:"Wrapper of a single digit, clips the digits column",digitColumn:"Column of digits inside `digit`, animated on value change",char:"Non-digit character: prefix, suffix, decimal and thousands separators"},vars:{root:{"--rn-duration":"Controls animation duration","--rn-timing-function":"Controls animation timing function"}},modifiers:[{modifier:"data-tabular-numbers",selector:"root",condition:"`tabularNumbers` prop is set"},{modifier:"data-empty",selector:["digit","char"],condition:"Slot is not present in the current value and is animated out"},{modifier:"data-direction",selector:"digitColumn",value:"Direction in which the digit rolls, `up` or `down`"}]}],37592),e.s(["SankeyChartStylesApi",0,{selectors:{root:"Root element",tooltip:"Tooltip root element",tooltipBody:"Tooltip wrapper around all items",tooltipItem:"Tooltip item representing data series",tooltipItemBody:"Tooltip item wrapper around item color and name",tooltipItemColor:"Tooltip item color",tooltipItemName:"Tooltip item name",tooltipItemData:"Tooltip item data",tooltipLabel:"Label of the tooltip"},vars:{root:{"--chart-node-color":"Controls color of the chart nodes","--chart-link-color":"Controls color of the chart links","--chart-text-color":"Controls color of the node labels","--chart-height":"Controls height of the chart"}},modifiers:[]}],824776),e.s(["ScatterChartStylesApi",0,{selectors:{root:"Root element",scatter:"recharts Scatter component",axis:"X and Y axis of the chart",container:"Recharts ResponsiveContainer component",grid:"Recharts CartesianGrid component",legend:"Legend root element",legendItem:"Legend item representing data series",legendItemColor:"Legend item color",legendItemName:"Legend item name",tooltip:"Tooltip root element",tooltipBody:"Tooltip wrapper around all items",tooltipItem:"Tooltip item representing data series",tooltipItemBody:"Tooltip item wrapper around item color and name",tooltipItemColor:"Tooltip item color",tooltipItemName:"Tooltip item name",tooltipItemData:"Tooltip item data",tooltipLabel:"Label of the tooltip",referenceLine:"Reference line",referenceArea:"Reference area",referenceDot:"Reference dot",axisLabel:"X and Y axis labels"},vars:{root:{"--chart-grid-color":"Controls color of the grid and cursor lines","--chart-text-color":"Controls color of the axis labels"}},modifiers:[]}],457001),e.s(["ScheduleStylesApi",0,{selectors:{root:"Root element",desktopView:'Desktop view container (visible on large screens when layout="responsive")',mobileView:'Mobile view container (visible on small screens
1when layout="responsive")',dayView:"DayView root element",dayViewInner:"DayView inner container",dayViewScrollArea:"DayView scroll area component",dayViewAllDay:"DayView all-day events container",dayViewAllDayEvents:"DayView all-day events wrapper",dayViewSlot:"DayView individual time slot",dayViewSlots:"DayView slots container",dayViewTimeSlots:"DayView time slots container",dayViewSlotLabel:"DayView time slot label",dayViewSlotLabels:"DayView slot labels container",dayViewBackgroundEvent:"DayView background event element",dayViewBackgroundEventResizeHandle:"DayView resize handle of an interactive background event",dayViewDragPreview:"DayView drag preview ghost element",weekView:"WeekView root element",weekViewRoot:"WeekView root container",weekViewHeader:"WeekView header row",weekViewInner:"WeekView inner container",weekViewAllDaySlotsEvents:"WeekView all-day events container",weekViewAllDaySlots:"WeekView all-day slots container",weekViewAllDaySlotsList:"WeekView all-day slots list",weekViewAllDaySlot:"WeekView individual all-day slot",weekViewAllDaySlotsLabel:"WeekView all-day slots label",weekViewScrollArea:"WeekView scroll area",weekViewCorner:"WeekView top-left corner",weekViewSlotLabels:"WeekView slot labels container",weekViewSlotLabel:"WeekView individual slot label",weekViewDayLabel:"WeekView day label",weekViewDayWeekday:"WeekView weekday label",weekViewDay:"WeekView day column",weekViewDayNumber:"WeekView day number",weekViewDaySlot:"WeekView individual day slot",weekViewDaySlots:"WeekView day slots container",weekViewWeekLabel:"WeekView week label",weekViewWeekNumber:"WeekView week number",weekViewBackgroundEvent:"WeekView background event element",weekViewBackgroundEventResizeHandle:"WeekView resize handle of an interactive background event",weekViewDragPreview:"WeekView drag preview ghost element",monthView:"MonthView root element",monthViewScrollArea:"MonthView scroll area wrapper",monthViewInner:"MonthView inner container",monthViewWeek:"MonthView week row",monthViewDay:"MonthView day cell",monthViewDayLabel:"MonthView day number label",monthViewWeekNumber:"MonthView week number",monthViewWeekday:"MonthView weekday name",monthViewWeekdays:"MonthView weekdays row",monthViewWeekdaysCorner:"MonthView top-left corner",monthViewEvents:"MonthView events container",monthViewBackgroundEvent:"MonthView background event element",yearView:"YearView root element",yearViewMonths:"YearView months container",yearViewMonth:"YearView individual month",yearViewWeekday:"YearView weekday name",yearViewDay:"YearView day cell",yearViewWeek:"YearView week row",yearViewWeekNumber:"YearView week number",yearViewWeekdays:"YearView weekdays row",yearViewWeekdaysCorner:"YearView top-left corner",yearViewMonthCaption:"YearView month caption",yearViewDayIndicators:"YearView day indicators container",yearViewDayIndicator:"YearView individual day indicator",mobileMonthView:"MobileMonthView root element",mobileMonthViewCalendar:"MobileMonthView calendar grid",mobileMonthViewWeekdays:"MobileMonthView weekdays row",mobileMonthViewWeekday:"MobileMonthView individual weekday",mobileMonthViewWeekdaysCorner:"MobileMonthView weekdays corner (for week numbers)",mobileMonthViewWeek:"MobileMonthView week row",mobileMonthViewWeekNumber:"MobileMonthView week number",mobileMonthViewDay:"MobileMonthView day cell",mobileMonthViewDayIndicators:"MobileMonthView day indicators container",mobileMonthViewDayIndicator:"MobileMonthView individual day indicator",mobileMonthViewEventsList:"MobileMonthView events list container",mobileMonthViewEventsHeader:"MobileMonthView events list header",mobileMonthViewHeader:"MobileMonthView header with back button and label",mobileMonthViewHeaderBackButton:"MobileMonthView header back button",mobileMonthViewHeaderLabel:"MobileMonthView header month/year label",mobileMonthViewEvent:"MobileMonthView event item",mobileMonthViewEventBody:"MobileMonthView event body button",mobileMonthViewEventTitle:"MobileMonthView event title",mobileMonthViewEventTime:"MobileMonthView event time label",mobileMonthViewEventColor:"MobileMonthView event color indicator",mobileMonthViewNoEvents:"MobileMonthView no events message",header:"ScheduleHeader container",headerControl:"ScheduleHeader control element",viewSelect:"ViewSelect element",monthYearSelectTarget:"MonthYearSelect target button",monthYearSelectDropdown:"MonthYearSelect dropdown",monthYearSelectControl:"MonthYearSelect control",monthYearSelectList:"MonthYearSelect list",monthYearSelectLabel:"MonthYearSelect label",event:"ScheduleEvent element",eventInner:"ScheduleEvent inner element",eventResizeHandle:"ScheduleEvent resize handle element",moreEventsButton:"MoreEvents button",moreEventsList:"MoreEvents list",moreEventsDropdown:"MoreEvents dropdown",currentTimeIndicator:"CurrentTimeIndicator container",currentTimeIndicatorLine:"CurrentTimeIndicator line",currentTimeIndicatorThumb:"CurrentTimeIndicator thumb",currentTimeIndicatorTimeBubble:"CurrentTimeIndicator time bubble",agendaView:"AgendaView root element, shown when agenda is open",agendaViewHeader:"AgendaView header container",agendaViewHeaderLabel:"AgendaView date range label",agendaViewBody:"AgendaView body container",agendaViewDateGroup:"AgendaView date group container",agendaViewDateHeader:"AgendaView date header text",agendaViewEvent:"AgendaView event item button",agendaViewEventBody:"AgendaView event body container",agendaViewEventColor:"AgendaView event color indicator",agendaViewEventTitle:"AgendaView event title text",agendaViewEventTime:"AgendaView event time label",agendaViewNoEvents:"AgendaView no events message"},vars:{},modifiers:[]}],697478),e.s(["ScrollerStylesApi",0,{selectors:{root:"Root element",container:"Scrollable container",content:"Wraps component children",control:"Start and end scroll control buttons",chevron:"Chevron icon inside controls"},vars:{root:{"--scroller-control-size":"Controls width and chevron size","--scroller-background-color":"Backgroun
1d color for the control edge gradients"}},modifiers:[{modifier:"data-draggable",selector:"container",condition:"`draggable` prop is set"},{modifier:"data-position",selector:"control",value:'"start" or "end" depending on control position'},{modifier:"data-hidden",selector:"control",condition:"Control is hidden because scrolling is not available in that direction"}]}],838491),e.s(["ScrollAreaStylesApi",0,{selectors:{root:"Root element",content:"Wraps component children",viewport:"Main scrollable area",scrollbar:"Horizontal or vertical scrollbar root",thumb:"Scrollbar thumb",corner:"Corner between horizontal and vertical scrollbars"},vars:{root:{"--scrollarea-scrollbar-size":"Scrollbar size"}},modifiers:[{modifier:"data-hidden",selector:["scrollbar","corner"],condition:'type="never"'},{modifier:"data-hovered",selector:"corner",condition:"One of the scrollbars is hovered"},{modifier:"data-orientation",selector:"scrollbar",value:'"horizontal" or "vertical" depending on scrollbar position'}]}],635116)},167863,e=>{"use strict";e.s(["SegmentedControlStylesApi",0,{selectors:{root:"Root element",control:"Wrapper element for input and label",input:'Input element (`input[type="radio"]`), hidden by default',label:"Label element associated with input",indicator:"Floating indicator that moves between items",innerLabel:"Wrapper of label element children"},vars:{root:{"--sc-color":"Control `background-color` of `indicator`","--sc-font-size":"Controls `font-size` of labels","--sc-padding":"Controls `padding` of control","--sc-radius":"Controls `border-radius` of `indicator` and `root` elements","--sc-shadow":"Controls `box-shadow` of indicator","--sc-transition-duration":"Controls `transition-duration` of various elements that have animations","--sc-transition-timing-function":"Controls `transition-timing-function` of various elements that have animations"}},modifiers:[{modifier:"data-full-width",selector:"root",condition:"`fullWidth` prop is set"},{modifier:"data-with-items-borders",selector:"root",condition:"`withItemsBorders` prop is not `false`"},{modifier:"data-disabled",selector:"root",condition:"Value of `disabled` prop"},{modifier:"data-orientation",selector:"control",value:"Value of `orientation` prop"},{modifier:"data-active",selector:["label","control"],condition:"Associated input is checked"},{modifier:"data-disabled",selector:"label",condition:"Associated input is disabled"},{modifier:"data-read-only",selector:"label",condition:"`readOnly` prop is set"}]}])},939595,e=>{"use strict";var t=e.i(229062),a=e.i(579668);let n={selectors:{...a.InputStylesApi.selectors,...a.InputWrapperStylesApi.selectors,...t.ComboboxLikeSelectors},vars:{},modifiers:[{modifier:"data-combobox-selected",selector:"option",condition:"Option is selected"},{modifier:"data-combobox-active",selector:"option",condition:"Options was activated by keyboard"},{modifier:"data-combobox-disabled",selector:"option",condition:"Option is disabled"}]};e.s(["SelectStylesApi",0,n])},291570,898798,395612,290648,545535,953876,345414,893506,e=>{"use strict";e.s(["SemiCircleProgressStylesApi",0,{selectors:{root:"Root element",svg:"Root svg element",emptySegment:"Empty circle segment",filledSegment:"Filled circle segment",label:"Label element"},vars:{root:{"--scp-empty-segment-color":"Color of the empty segment","--scp-filled-segment-color":"Color of the filled segment","--scp-rotation":"Transform styles of the svg, controlled by `orientation` and `fillDirection` props","--scp-thickness":"Controls `strokeWidth` of the circle","--scp-transition-duration":"Controls transition duration of the filled segment"}},modifiers:[{selector:"label",modifier:"data-position",value:"Value of `labelPosition` prop"},{selector:"label",modifier:"data-orientation",value:"Value of `orientation` prop"}]}],291570),e.s(["SimpleGridStylesApi",0,{selectors:{root:"Root element",container:'Container element, available only when `type="container"` is set'},vars:{}}],898798),e.s(["SkeletonStylesApi",0,{selectors:{root:"Root element"},vars:{root:{"--skeleton-height":"Controls skeleton `height`","--skeleton-width":"Controls skeleton `width`","--skeleton-radius":"Controls skeleton `border-radius`"}},modifiers:[{modifier:"data-visible",selector:"root",condition:"`visible` prop is set"},{modifier:"data-animate",selector:"root",condition:"`animate` prop is set"}]}],395612),e.s(["SparklineStylesApi",0,{selectors:{root:"Root element"},vars:{root:{"--chart-color":"Controls stroke and fill color"}},modifiers:[]}],290648),e.s(["SplitterStylesApi",0,{selectors:{root:"Root element",pane:"Pane element (`Splitter.Pane` component)",handle:"Handle element between panes, contains the separator line and the thumb",thumb:"Thumb element inside the handle, contains the grip icon"},vars:{root:{"--splitter-line-size":"Controls the thickness of the separator line between panes","--splitter-handle-color":"Controls the color of the separator line between panes"}},modifiers:[{modifier:"data-orientation",selector:["root","handle","thumb"],value:"Value of `orientation` prop"},{modifier:"data-active",selector:["handle","thumb"],condition:"Handle is being dragged"},{modifier:"data-collapsed",selector:"pane",condition:"Pane is collapsed"}]}],545535),e.s(["SpoilerStylesApi",0,{selectors:{root:"Root element",content:"Wraps content to set max-height and transition",control:"Show/hide content control"},vars:{root:{"--spoiler-transition-duration":"Controls transition duration"}},modifiers:[{modifier:"data-has-spoiler",selector:"root",condition:"Whether the control button is shown or not"}]}],953876);let t={selectors:{...e.i(608493).ModalStylesApi.selectors,search:"Search input (`Spotlight.Search`)",actionsList:"Actions list (`Spotlight.ActionsList`)",empty:"Empty state (`Spotlight.Empty`)",footer
1:"Footer (`Spotlight.Footer`)",action:"Action (`Spotlight.Action`)",actionBody:"Body of the action, contains label and description",actionLabel:"`Spotlight.Action` label",actionDescription:"`Spotlight.Action` description",actionSection:"`Spotlight.Action` left and right sections",actionsGroup:"`Spotlight.ActionsGroup` root element"},vars:{},modifiers:[{modifier:"data-selected",selector:"action",condition:"Action is selected with up/down keys"},{modifier:"data-position",selector:"actionSection",value:"Section position: left or right"},{modifier:"data-dimmed",selector:"actionSection",condition:"`dimmedSections` prop is set on `Spotlight.Action` component"}]};e.s(["SpotlightStylesApi",0,t],345414),e.s(["StackStylesApi",0,{selectors:{root:"Root element"},vars:{root:{"--stack-align":"Controls `align-items` property","--stack-justify":"Controls `justify-content` property","--stack-gap":"Controls `gap` property"}}}],893506)},430756,e=>{"use strict";e.s(["StepperStylesApi",0,{selectors:{root:"Root element",steps:"Steps controls wrapper",separator:"Separator line between step controls",verticalSeparator:"Vertical separator line between step controls",content:"Current step content wrapper",stepWrapper:"Wrapper for the step icon and separator",step:"Step control button",stepIcon:"Step icon wrapper",stepCompletedIcon:"Completed step icon, rendered within stepIcon",stepIconContent:"Step icon content wrapper for non-completed steps, rendered within stepIcon",stepBody:"Contains stepLabel and stepDescription",stepLabel:"Step label",stepDescription:"Step description",stepLoader:"Step loader"},vars:{root:{"--stepper-color":"Controls color of the active step and separator","--stepper-icon-color":"Controls `color` of the step icon","--stepper-icon-size":"Controls `width` and `height` of the icons","--stepper-content-padding":"Controls `padding-top` of the content","--stepper-radius":"Controls `border-radius` of the step icon","--stepper-fz":"Controls `font-size` of various elements","--stepper-spacing":"Controls various spacings"}},modifiers:[{modifier:"data-progress",selector:"stepIcon",condition:"Step is current"},{modifier:"data-completed",selector:"stepIcon",condition:"Step is completed"},{modifier:"data-label-position",selector:["steps","step"],condition:"`labelPosition` prop is set and `orientation` is not `vertical`",value:"`right` or `bottom`"}]}])},775213,e=>{"use strict";e.s(["SunburstChartStylesApi",0,{selectors:{root:"Root element",tooltip:"Tooltip root element",tooltipBody:"Tooltip wrapper around all items",tooltipItem:"Tooltip item representing data series",tooltipItemBody:"Tooltip item wrapper around item color and name",tooltipItemColor:"Tooltip item color",tooltipItemName:"Tooltip item name",tooltipItemData:"Tooltip item data",tooltipLabel:"Label of the tooltip"},vars:{root:{"--chart-stroke-color":"Controls color of the chart segments stroke","--chart-size":"Controls width and height of the chart"}},modifiers:[]}])},805925,e=>{"use strict";let t={selectors:{...e.i(579668).InputWrapperStylesApi.selectors},vars:{}};e.s(["SwitchGroupStylesApi",0,t,"SwitchStylesApi",0,{selectors:{root:"Root element",track:"Switch track, contains `thumb` and `trackLabel`",trackLabel:"Label displayed inside `track`",thumb:"Thumb displayed inside `track`",input:'Input element (`input[type="checkbox"]`), hidden by default',body:"Input body, contains all other elements",labelWrapper:"Contains `label`, `description` and `error`",label:"Label element",description:"Description displayed below the label",error:"Error message displayed below the label"},vars:{root:{"--switch-radius":"Controls `border-radius` of `track` and `thumb`","--switch-height":"Controls height of `track`","--switch-width":"Controls min-width of `track`","--switch-thumb-size":"Controls width and height of `thumb`","--switch-label-font-size":"Controls `font-size` of `trackLabel`","--switch-track-label-padding":"Controls `trackLabel` offset","--switch-color":"Controls track `background-color` when input is checked"}},modifiers:[{modifier:"data-error",selector:"track",condition:"`error` prop is set"},{modifier:"data-label-position",selector:["track","root"],value:"value of `labelPosition` prop"},{modifier:"data-disabled",selector:"label",condition:"`disabled` prop is set"}]}])},44100,48070,e=>{"use strict";e.s(["TableStylesApi",0,{selectors:{table:"Root `table` element (`Table` component)",thead:"`thead` element (`Table.Thead` component)",tbody:"`tbody` element (`Table.Tbody` component)",tfoot:"`tfoot` element (`Table.Tfoot` component)",tr:"`tr` element (`Table.Tr` component)",th:"`th` element (`Table.Th` component)",td:"`td` element (`Table.Td` component)",caption:"`caption` element (`Table.Caption` component)"},vars:{table:{"--table-border-color":"Controls `border-color` of all elements inside table","--table-layout":"Controls `table-layout` of the table element, auto by default","--table-caption-side":"Controls caption-side of the table element, `bottom` by default","--table-horizontal-spacing":"Controls `padding-left` and `padding-right` of `Table.Th` and `Table.Td` elements","--table-vertical-spacing":"Controls `padding-top` and `padding-bottom` of `Table.Td` and `Table.Th` elements","--table-striped-color":"Controls `background-color` of even/odd `Table.Tr` elements","--table-highlight-on-hover-color":"Controls `background-color` of `Table.Tr` elements when hovered","--table-sticky-header-offset":"Controls `top` offset of sticky header"}},modifiers:[{modifier:"data-with-table-border",selector:"table",condition:"`withTableBorder` prop is set on `Table` component"},{modifier:"data-with-column-border",selector:["th","td"],condition:"`withColumnsBorder` prop is set on `Table` component"},{modifier:"data-with-row-border",selector:"tr",condition:"`withRowsBorder` prop is set on `Table` component"},{modifier:"data-striped",selector:"tr",value:"odd | even",condition:"`striped` prop is set on `Table` component"},{modifier:"data-hover",selector:"tr",condition:"`highlightOnHover` prop is set on `Table` component"},{modifier:"data-size",selector:"tr",value:"value of `captionSize` prop on `Table` component"}]}],44100),e.s(["TableOfContentsStylesApi",0,{selectors:{root:"Root element",control:"Control element"}
1,vars:{root:{"--toc-bg":"Background color of active control","--toc-color":"Text color of active control","--toc-depth-offset":"Offset between of control depending on depth","--toc-radius":"Border-radius of control","--toc-size":"Controls font-size and padding of all elements"}},modifiers:[{modifier:"data-active",selector:"control",condition:"Associated heading is currently the best match in the viewport"}]}],48070)},543064,e=>{"use strict";e.s(["TabsStylesApi",0,{selectors:{root:"Root element (`Tabs` component)",list:"List of tabs (`Tabs.List` component)",panel:"Panel with tab content (`Tabs.Panel` component)",tab:"Tab button (`Tabs.Tab` component)",tabLabel:"Label of `Tabs.Tab`",tabSection:"Left and right sections of `Tabs.Tab`"},vars:{root:{"--tabs-color":"Controls colors of `Tabs.Tab`, only applicable when variant is `pills` or `default`","--tabs-radius":"Controls `Tabs.Tab` `border-radius`"}},modifiers:[{modifier:"data-orientation",selector:["root","tab","list","panel"],value:"Value of `orientation` prop"},{modifier:"data-placement",selector:["root","tab","list"],value:"Value of placement prop",condition:'Value of `orientation` prop is "vertical" on `Tabs` component'},{modifier:"data-inverted",selector:["tab","list"],condition:"`inverted` prop is set on `Tabs` component"},{modifier:"data-grow",selector:["list"],condition:"`grow` prop is set on `Tabs.List` component"},{modifier:"data-position",selector:["tabSection"],value:"Position of the section, left or right"}]}])},21848,e=>{"use strict";var t=e.i(229062),a=e.i(579668);let n={selectors:{...a.InputStylesApi.selectors,...a.InputWrapperStylesApi.selectors,...t.ComboboxLikeSelectors,pill:"Value pill",inputField:"Input field",pillsList:"List of pills, also contains input field"},vars:{},modifiers:[{modifier:"data-combobox-active",selector:"option",condition:"Options was activated by keyboard"},{modifier:"data-combobox-disabled",selector:"option",condition:"Option is disabled"}]};e.s(["TagsInputStylesApi",0,n])},440486,420928,842275,411483,471933,774807,e=>{"use strict";let t={selectors:{root:"Root element"},vars:{root:{"--text-fz":"Controls `font-size` property","--text-lh":"Controls `line-height` property","--text-gradient":"Text fill gradient","--text-line-clamp":"Number of lines that should be visible","--text-text-wrap":"Controls `text-wrap` property"}},modifiers:[{modifier:"data-truncate",selector:"root",value:"Value of `truncate` prop",condition:"`truncate` prop is set"},{modifier:"data-line-clamp",selector:"root",condition:"`lineClamp` prop is a number"},{modifier:"data-inline",selector:"root",condition:"`inline` prop is set"},{modifier:"data-inherit",selector:"root",condition:"`inherit` prop is set"}]};e.s(["TextStylesApi",0,t],440486);let a={...t,modifiers:[...t.modifiers,{modifier:"data-underline",selector:"root",value:"Value of `underline` prop"}]};e.s(["AnchorStylesApi",0,a],420928),e.s(["AngleSliderStylesApi",0,{selectors:{root:"Root element",label:"Label inside the slider",marks:"Wrapper for all marks",mark:"Mark element",thumb:"Slider thumb"},vars:{root:{"--slider-size":"Controls slider width and height","--thumb-size":"Controls thumb size"}},modifiers:[{modifier:"disabled",selector:"root",condition:"`disabled` prop is set"}]}],842275),e.s(["AppShellStylesApi",0,{selectors:{root:"Root element (`AppShell` component)",navbar:"`AppShell.Navbar` root element",header:"`AppShell.Header` root element",main:"`AppShell.Main` root element",aside:"`AppShell.Aside` root element",footer:"`AppShell.Footer` root element",section:"`AppShell.Section` root element"},vars:{root:{"--app-shell-transition-duration":"Controls transition duration of all children","--app-shell-transition-timing-function":"Controls transition timing function of all children"}},modifiers:[{modifier:"data-resizing",selector:"root",condition:"User is resizing the window"},{modifier:"data-layout",selector:"root",value:"Value of the `layout` prop"},{modifier:"data-disabled",selector:"root",condition:"`disabled` prop is set"},{modifier:"data-with-border",selector:["navbar","header","aside","footer"],condition:"`withBorder` prop is set either on the `AppShell` or on the associated component"},{modifier:"data-grow",selector:"section",condition:"`grow` prop is set on the `AppShell.Section`"}]}],411483),e.s(["AreaChartStylesApi",0,{selectors:{root:"Root element",area:"Area of the chart",axis:"X and Y axis of the chart",container:"Recharts ResponsiveContainer component",grid:"Recharts CartesianGrid component",legend:"Legend root element",legendItem:"Legend item representing data series",legendItemColor:"Legend item color",legendItemName:"Legend item name",tooltip:"Tooltip root element",tooltipBody:"Tooltip wrapper around all items",tooltipItem:"Tooltip item representing data series",tooltipItemBody:"Tooltip item wrapper around item color and name",tooltipItemColor:"Tooltip item color",tooltipItemName:"Tooltip item name",tooltipItemData:"Tooltip item data",tooltipLabel:"Label of the tooltip",referenceLine:"Reference line",referenceArea:"Reference area",referenceDot:"Reference dot",axisLabel:"X and Y axis labels",brush:"Brush (range selector) root element"},vars:{root:{"--chart-grid-color":"Controls color of the grid and curs
1or lines","--chart-text-color":"Controls color of the axis labels"}},modifiers:[]}],471933),e.s(["AspectRatioStylesApi",0,{selectors:{root:"Root element"},vars:{root:{"--ar-ratio":"Aspect ratio"}}}],774807)},473638,e=>{"use strict";var t=e.i(579668);let a={selectors:{...t.InputStylesApi.selectors,...t.InputWrapperStylesApi.selectors},vars:{}};e.s(["TextInputStylesApi",0,a])},866338,e=>{"use strict";var t=e.i(579668);let a={selectors:{...t.InputStylesApi.selectors,...t.InputWrapperStylesApi.selectors},vars:{}};e.s(["TextareaStylesApi",0,a])},213835,e=>{"use strict";var t=e.i(225190),a=e.i(487625),n=e.i(291274),o=e.i(91782),l=e.i(154691),r=e.i(177864),i=e.i(440486),d=e.i(420928),s=e.i(842275),u=e.i(411483),c=e.i(471933),p=e.i(774807),m=e.i(229062),f=e.i(579668),h=e.i(766895),y=e.i(642509),v=e.i(713220),b=e.i(730637),g=e.i(884650),w=e.i(714950),V=e.i(944939),q=e.i(34170),S=e.i(540546),C=e.i(927845),P=e.i(752059),D=e.i(490965),x=e.i(63739),k=e.i(521204),R=e.i(583385),I=e.i(507870),A=e.i(23528),M=e.i(529755),L=e.i(62923),E=e.i(714148),T=e.i(511964),z=e.i(62512),N=e.i(39683),O=e.i(871446),W=e.i(368084),F=e.i(914787),Y=e.i(813807),H=e.i(144225),B=e.i(770076),j=e.i(222670),G=e.i(548168),K=e.i(424011),_=e.i(471478),U=e.i(792185),Z=e.i(680479),X=e.i(209253),$=e.i(188126),Q=e.i(711253),J=e.i(24922),ee=e.i(831645),et=e.i(395633),ea=e.i(31270),en=e.i(972148),eo=e.i(293943),el=e.i(958982),er=e.i(339790),ei=e.i(615751),ed=e.i(712879),es=e.i(344333),eu=e.i(438723),ec=e.i(51087),ep=e.i(663274),em=e.i(896958),ef=e.i(483188),eh=e.i(34707),ey=e.i(524229),ev=e.i(686243),eb=e.i(265093),eg=e.i(810502),ew=e.i(297044),eV=e.i(661067),eq=e.i(346289),eS=e.i(937111),eC=e.i(661549),eP=e.i(138198),eD=e.i(561319),ex=e.i(517807),ek=e.i(623221),eR=e.i(608493),eI=e.i(468682),eA=e.i(726869),eM=e.i(990730),eL=e.i(479348),eE=e.i(520392),eT=e.i(858210),ez=e.i(865106),eN=e.i(41839),eO=e.i(414750),eW=e.i(363937),eF=e.i(218643),eY=e.i(466200),eH=e.i(211380),eB=e.i(290486),ej=e.i(92930),eG=e.i(487634),eK=e.i(615169),e_=e.i(788668),eU=e.i(542387),eZ=e.i(277991),eX=e.i(571665),e$=e.i(597390),eQ=e.i(371063),eJ=e.i(890555),e0=e.i(782621),e1=e.i(414205),e2=e.i(176027),e6=e.i(37592),e8=e.i(824776),e4=e.i(457001),e3=e.i(697478),e5=e.i(838491),e7=e.i(635116),e9=e.i(167863),te=e.i(939595),tt=e.i(291570),ta=e.i(898798),tn=e.i(395612),to=e.i(220026),tl=e.i(290648),tr=e.i(545535),ti=e.i(953876),td=e.i(345414),ts=e.i(893506),tu=e.i(430756),tc=e.i(805925),tp=e.i(775213),tm=e.i(543064),tf=e.i(21848),th=e.i(44100),ty=e.i(48070),tv=e.i(866338),tb=e.i(473638);let tg={selectors:{...f.InputStylesApi.selectors,...f.InputWrapperStylesApi.selectors,control:"Button in the dropdown which is used to select hours/minutes/seconds/am-pm",controlsList:"List of buttons with hours/minutes/seconds/am-pm",controlsListGroup:"Group of controlsLists",dropdown:"Popover dropdown",fieldsRoot:"A wrapper element for all fieldsGroups",fieldsGroup:"A wrapper element for hours/minutes/seconds/am-pm fields",field:"Hours/minutes/seconds/am-pm input field",presetControl:"Time preset button",presetsGroup:"Wraps preset controls and label",presetsGroupLabel:"Labels of the preset group",presetsRoot:"Element wrapping all presets content",scrollarea:"Scroll area in the dropdown"},vars:{dropdown:{"--control-font-size":"Controls `font-size` of dropdown controls"}},modifiers:[]},tw={selectors:{...f.InputStylesApi.selectors,...f.InputWrapperStylesApi.selectors,...m.ComboboxLikeSelectors,pill:"Value pill",inputField:"Input field",pillsList:"List of pills, also contains input field"},vars:{},modifiers:[{modifier:"data-combobox-selected",selector:"option",condition:"Option is selected"},{modifier:"data-combobox-active",selector:"option",condition:"Options was activated by keyboard"},{modifier:"data-combobox-disabled",selector:"option",condition:"Option is disabled"}]};e.s([],3053),e.i(3053),e.s(["AccordionStylesApi",()=>t.AccordionStylesApi,"ActionBarStylesApi",()=>a.ActionBarStylesApi,"ActionIconGroupStylesApi",()=>n.ActionIconGroupStylesApi,"ActionIconStylesApi",()=>n.ActionIconStylesApi,"AffixStylesApi",()=>l.AffixStylesApi,"AgendaViewStylesApi",()=>o.AgendaViewStylesApi,"AlertStylesApi",()=>r.AlertStylesApi,"AlphaSliderStylesApi",()=>N.AlphaSliderStylesApi,"AnchorStylesApi",()=>d.AnchorStylesApi,"AngleSliderStylesApi",()=>s.AngleSliderStylesApi,"AppShellStylesApi",()=>u.AppShellStylesApi,"AreaChartStylesApi",()=>c.AreaChartStylesApi,"AspectRatioStylesApi",()=>p.AspectRatioStylesApi,"AutocompleteStylesApi",()=>h.AutocompleteStylesApi,"AvatarGroupStylesApi",()=>y.AvatarGroupStylesApi,"AvatarStylesApi",()=>
1y.AvatarStylesApi,"BackgroundImageStylesApi",()=>v.BackgroundImageStylesApi,"BadgeStylesApi",()=>b.BadgeStylesApi,"BarChartStylesApi",()=>g.BarChartStylesApi,"BarsListStylesApi",()=>w.BarsListStylesApi,"BlockquoteStylesApi",()=>V.BlockquoteStylesApi,"BreadcrumbsStylesApi",()=>q.BreadcrumbsStylesApi,"BubbleChartStylesApi",()=>C.BubbleChartStylesApi,"BulletChartStylesApi",()=>S.BulletChartStylesApi,"BurgerStylesApi",()=>P.BurgerStylesApi,"ButtonGroupSectionStylesApi",()=>D.ButtonGroupSectionStylesApi,"ButtonGroupStylesApi",()=>D.ButtonGroupStylesApi,"ButtonStylesApi",()=>D.ButtonStylesApi,"CalendarHeaderStylesApi",()=>G.CalendarHeaderStylesApi,"CalendarStylesApi",()=>G.CalendarStylesApi,"CandlestickChartStylesApi",()=>x.CandlestickChartStylesApi,"CardStylesApi",()=>k.CardStylesApi,"CarouselStylesApi",()=>R.CarouselStylesApi,"CascaderStylesApi",()=>I.CascaderStylesApi,"CenterStylesApi",()=>A.CenterStylesApi,"CheckboxCardStylesApi",()=>M.CheckboxCardStylesApi,"CheckboxGroupStylesApi",()=>M.CheckboxGroupStylesApi,"CheckboxIndicatorStylesApi",()=>M.CheckboxIndicatorStylesApi,"CheckboxStylesApi",()=>M.CheckboxStylesApi,"ChipStylesApi",()=>L.ChipStylesApi,"CloseButtonStylesApi",()=>E.CloseButtonStylesApi,"CodeHighlightStylesApi",()=>z.CodeHighlightStylesApi,"CodeHighlightTabsStylesApi",()=>z.CodeHighlightTabsStylesApi,"CodeStylesApi",()=>T.CodeStylesApi,"ColorInputStylesApi",()=>O.ColorInputStylesApi,"ColorPickerStylesApi",()=>N.ColorPickerStylesApi,"ColorSwatchStylesApi",()=>W.ColorSwatchStylesApi,"ComboboxLikeSelectors",()=>m.ComboboxLikeSelectors,"ComboboxPopoverStylesApi",()=>F.ComboboxPopoverStylesApi,"ComboboxStylesApi",()=>m.ComboboxStylesApi,"CompositeChartStylesApi",()=>Y.CompositeChartStylesApi,"ContainerStylesApi",()=>H.ContainerStylesApi,"DataListStylesApi",()=>B.DataListStylesApi,"DateInputStylesApi",()=>G.DateInputStylesApi,"DatePickerInputStylesApi",()=>G.DatePickerInputStylesApi,"DatePickerStylesApi",()=>G.DatePickerStylesApi,"DateTimePickerStylesApi",()=>G.DateTimePickerStylesApi,"DayViewStylesApi",()=>K.DayViewStylesApi,"DecadeLevelGroupStylesApi",()=>G.DecadeLevelGroupStylesApi,"DialogStylesApi",()=>_.DialogStylesApi,"DividerStylesApi",()=>U.DividerStylesApi,"DonutChartStylesApi",()=>Z.DonutChartStylesApi,"DrawerStylesApi",()=>X.DrawerStylesApi,"DropzoneFullScreenStylesApi",()=>$.DropzoneFullScreenStylesApi,"DropzoneStylesApi",()=>$.DropzoneStylesApi,"EmptyStateStylesApi",()=>Q.EmptyStateStylesApi,"FieldsetStylesApi",()=>J.FieldsetStylesApi,"FileInputStylesApi",()=>ee.FileInputStylesApi,"FlexStylesApi",()=>et.FlexStylesApi,"FloatingIndicatorStylesApi",()=>ea.FloatingIndicatorStylesApi,"FloatingWindowStylesApi",()=>en.FloatingWindowStylesApi,"FunnelChartStylesApi",()=>eo.FunnelChartStylesApi,"GaugeChartStylesApi",()=>el.GaugeChartStylesApi,"GridStylesApi",()=>er.GridStylesApi,"GroupStylesApi",()=>ei.GroupStylesApi,"HeatmapStylesApi",()=>ed.HeatmapStylesApi,"HighlightStylesApi",()=>es.HighlightStylesApi,"HoverCardStylesApi",()=>ec.HoverCardStylesApi,"HueSliderStylesApi",()=>N.HueSliderStylesApi,"ImageStylesApi",()=>ep.ImageStylesApi,"IndicatorStylesApi",()=>em.IndicatorStylesApi,"InlineCodeHighlightStylesApi",()=>z.InlineCodeHighlightStylesApi,"InlineDateTimePickerStylesApi",()=>G.InlineDateTimePickerStylesApi,"InputBaseStylesApi",()=>j.InputBaseStylesApi,"InputStylesApi",()=>f.InputStylesApi,"InputWrapperStylesApi",()=>f.InputWrapperStylesApi,"JsonInputStylesApi",()=>ef.JsonInputStylesApi,"KbdStylesApi",()=>eh.KbdStylesApi,"LightboxStylesApi",()=>ey.LightboxStylesApi,"LineChartStylesApi",()=>ev.LineChartStylesApi,"ListStylesApi",()=>eb.ListStylesApi,"LoaderStylesApi",()=>eg.LoaderStylesApi,"LoadingOverlayStylesApi",()=>ew.LoadingOverlayStylesApi,"MarkStylesApi",()=>eV.MarkStylesApi,"MarqueeStylesApi",()=>eq.MarqueeStylesApi,"MaskInputStylesApi",()=>eS.MaskInputStylesApi,"MatrixChartStylesApi",()=>eC.MatrixChartStylesApi,"MenuStylesApi",()=>eP.MenuStylesApi,"MenubarStylesApi",()=>eD.MenubarStylesApi,"MiniCalendarStylesApi",()=>ex.MiniCalendarStylesApi,"MobileMonthViewStylesApi",()=>ek.MobileMonthViewStylesApi,"ModalStylesApi",()=>eR.ModalStylesApi,"MonthLevelGroupStylesApi",()=>G.MonthLevelGroupStylesApi,"MonthPickerInputStylesApi",()=>G.MonthPickerInputStylesApi,"MonthPickerStylesApi",()=>G.MonthPickerStylesApi,"MonthStylesApi",()=>G.MonthStylesApi,"MonthViewStylesApi",()=>eI.MonthViewStylesApi,"MultiSelectStylesApi",()=>eA.MultiSelectStylesApi,"NativeSelectStylesApi",()=>eM.NativeSelectStylesApi,"NavLinkStylesApi",()=>eL.NavLinkStylesApi,"NotificationStylesApi",()=>eE.NotificationStylesApi,"NotificationsStylesApi",()=>ez.NotificationsStylesApi,"NumberInputStylesApi",()=>eT.NumberInputStylesApi,"OverflowListStylesApi",()=>eN.OverflowListStylesApi,"OverlayStylesApi",()=>eO.OverlayStylesApi,"PaginationStylesApi",()=>eW.PaginationStylesApi,"PaperStylesApi",()=>eF.PaperStylesApi,"PasswordInputStylesApi",()=>eY.PasswordInputStylesApi,"PieChartStylesApi",()=>eH.PieChartStylesApi,"PillGroupStylesApi",()=>eB.PillGroupStylesApi,"PillStylesApi",()=>eB.PillStylesApi,"PillsInputFieldStylesApi",()=>ej.PillsInputFieldStylesApi,"PillsInputStylesApi",()=>ej.PillsInputStylesApi,"PinInputStylesApi",()=>eG.PinInputStylesApi,"PopoverStylesApi",()=>
1eu.PopoverStylesApi,"ProgressStylesApi",()=>eK.ProgressStylesApi,"RadarChartStylesApi",()=>e_.RadarChartStylesApi,"RadialBarChartStylesApi",()=>eU.RadialBarChartStylesApi,"RadioCardStylesApi",()=>eZ.RadioCardStylesApi,"RadioGroupStylesApi",()=>eZ.RadioGroupStylesApi,"RadioIndicatorStylesApi",()=>eZ.RadioIndicatorStylesApi,"RadioStylesApi",()=>eZ.RadioStylesApi,"RangeSliderStylesApi",()=>to.RangeSliderStylesApi,"RatingStylesApi",()=>eX.RatingStylesApi,"ResourcesDayViewStylesApi",()=>e$.ResourcesDayViewStylesApi,"ResourcesMonthViewStylesApi",()=>eQ.ResourcesMonthViewStylesApi,"ResourcesScheduleStylesApi",()=>eJ.ResourcesScheduleStylesApi,"ResourcesWeekViewStylesApi",()=>e0.ResourcesWeekViewStylesApi,"RichTextEditorStylesApi",()=>e1.RichTextEditorStylesApi,"RingProgressStylesApi",()=>e2.RingProgressStylesApi,"RollingNumberStylesApi",()=>e6.RollingNumberStylesApi,"SankeyChartStylesApi",()=>e8.SankeyChartStylesApi,"ScatterChartStylesApi",()=>e4.ScatterChartStylesApi,"ScheduleStylesApi",()=>e3.ScheduleStylesApi,"ScrollAreaStylesApi",()=>e7.ScrollAreaStylesApi,"ScrollerStylesApi",()=>e5.ScrollerStylesApi,"SegmentedControlStylesApi",()=>e9.SegmentedControlStylesApi,"SelectStylesApi",()=>te.SelectStylesApi,"SemiCircleProgressStylesApi",()=>tt.SemiCircleProgressStylesApi,"SimpleGridStylesApi",()=>ta.SimpleGridStylesApi,"SkeletonStylesApi",()=>tn.SkeletonStylesApi,"SliderStylesApi",()=>to.SliderStylesApi,"SparklineStylesApi",()=>tl.SparklineStylesApi,"SplitterStylesApi",()=>tr.SplitterStylesApi,"SpoilerStylesApi",()=>ti.SpoilerStylesApi,"SpotlightStylesApi",()=>td.SpotlightStylesApi,"StackStylesApi",()=>ts.StackStylesApi,"StepperStylesApi",()=>tu.StepperStylesApi,"SunburstChartStylesApi",()=>tp.SunburstChartStylesApi,"SwitchGroupStylesApi",()=>tc.SwitchGroupStylesApi,"SwitchStylesApi",()=>tc.SwitchStylesApi,"TableOfContentsStylesApi",()=>ty.TableOfContentsStylesApi,"TableStylesApi",()=>th.TableStylesApi,"TabsStylesApi",()=>tm.TabsStylesApi,"TagsInputStylesApi",()=>tf.TagsInputStylesApi,"TextInputStylesApi",()=>tb.TextInputStylesApi,"TextStylesApi",()=>i.TextStylesApi,"TextareaStylesApi",()=>tv.TextareaStylesApi,"ThemeIconStylesApi",0,{selectors:{root:"Root element"},vars:{root:{"--ti-bg":"Controls `background`","--ti-bd":"Controls `border`","--ti-color":"Controls icon `color`","--ti-radius":"Controls `border-radius`","--ti-size":"Controls `width`, `height`, `min-width` and `min-height` styles"}}},"TimeGridStylesApi",0,{selectors:{root:"Root element",control:"Time grid control",simpleGrid:"SimpleGrid component root"},vars:{root:{"--time-grid-fz":"Controls `font-size` property of all controls","--time-grid-radius":"Controls `border-radius` property of all controls"}},modifiers:[{modifier:"data-active",selector:"control",condition:"Current component value is the same as control value"},{modifier:"data-disabled",selector:"control",condition:"Component is disabled by one of the props: `minTime`, `maxTime`, `disableTime`, `disabled`"}]},"TimeInputStylesApi",()=>G.TimeInputStylesApi,"TimePickerStylesApi",0,tg,"TimelineStylesApi",0,{selectors:{root:"Root element",item:"Item root element",itemBody:"Item body, wraps title and content",itemTitle:"Item title, controlled by title prop",itemContent:"Item content, controlled by children prop",itemBullet:"Item bullet",itemOpposite:"Item opposite content, controlled by opposite prop on Timeline.Item"},vars:{root:{"--tl-bullet-size":"Controls bullet `width` and `height`","--tl-color":"Controls active bullet and line colors","--tl-icon-color":"Controls icon color","--tl-line-width":"Controls width of the line between bullets","--tl-radius":"Controls bullet `border-radius`"}},modifiers:[{modifier:"data-active",selector:["item","itemBullet"],condition:"Item index is =< Timeline active prop"},{modifier:"data-line-active",selector:["item"],condition:"Item index is < Timeline active prop"}]},"TitleStylesApi",0,{selectors:{root:"Root element"},vars:{root:{"--title-fw":"Title `font-weight`, by default value from `theme.headings`","--title-fz":"Title `font-size`, by default value from `theme.headings`","--title-lh":"Title `line-height`, by default value from `theme.headings`","--title-line-clamp":"Controls `-webkit-line-clamp` css property","--title-text-wrap":"Controls `text-wrap`
1css property"}},modifiers:[{modifier:"data-order",selector:"root",value:"Value of the `order` prop"},{modifier:"data-line-clamp",selector:"root",condition:"`lineClamp` prop is a number"}]},"TooltipStylesApi",0,{selectors:{tooltip:"Root element",arrow:"Tooltip arrow, rendered inside tooltip"},vars:{tooltip:{"--tooltip-bg":"Tooltip `background-color`","--tooltip-radius":"Tooltip `border-radius`","--tooltip-color":"Controls tooltip text color"}},modifiers:[{modifier:"data-multiline",selector:"tooltip",condition:"`multiline` prop is set"}]},"TreeSelectStylesApi",0,tw,"TreeStylesApi",0,{selectors:{root:"Root element",node:"Node element (li), contains label and subtree elements",subtree:"Subtree element (ul)",label:"Node label"},vars:{root:{"--level-offset":"Controls offset of nested tree levels"}},modifiers:[{modifier:"data-selected",selector:["node","label"],condition:"The node is selected"},{modifier:"data-hovered",selector:["node","label"],condition:"The node is hovered"},{modifier:"data-level",selector:"node",value:"Nesting level of the node"}]},"TreemapStylesApi",0,{selectors:{root:"Root element",tooltip:"Tooltip root element",tooltipBody:"Tooltip wrapper around all items",tooltipItem:"Tooltip item representing data series",tooltipItemBody:"Tooltip item wrapper around item color and name",tooltipItemColor:"Tooltip item color",tooltipItemName:"Tooltip item name",tooltipItemData:"Tooltip item data",tooltipLabel:"Label of the tooltip"},vars:{root:{"--chart-stroke-color":"Controls color of the chart stroke","--chart-height":"Controls height of the chart"}},modifiers:[]},"TypographyStylesApi",0,{selectors:{root:"Root element"},vars:{}},"UnstyledButtonStylesApi",0,{selectors:{root:"Root element"},vars:{}},"WaffleChartStylesApi",0,{selectors:{root:"Root container element",grid:"SVG grid element",cell:"Individual cell rect",legend:"Legend container",legendItem:"Legend item wrapper",legendSwatch:"Legend color swatch",legendLabel:"Legend text label"},vars:{root:{"--waffle-cell-radius":"Controls cell and legend swatch border radius","--waffle-empty-color":"Controls empty cell background color"}},modifiers:[]},"WeekViewStylesApi",0,{selectors:{weekView:"Root element",weekViewRoot:"Week view root container",weekViewHeader:"Header row with day labels",weekViewInner:"Inner container",weekViewAllDaySlotsEvents:"All-day events container",weekViewAllDaySlots:"All-day slots container",weekViewAllDaySlotsList:"List of all-day slots",weekViewAllDaySlot:"Individual all-day slot",weekViewAllDaySlotsLabel:"All-day slots label",weekViewScrollArea:"Scroll area for time slots",weekViewCorner:"Top-left corner element",weekViewSlotLabels:"Container for slot labels",weekViewSlotLabel:"Individual slot label",weekViewDayLabel:"Day label element",weekViewDayWeekday:"Weekday label",weekViewDay:"Day column",weekViewDayNumber:"Day number in header",weekViewDaySlot:"Individual day time slot",weekViewDaySlots:"Container for day slots",weekViewWeekLabel:"Week label",weekViewWeekNumber:"Week number indicator",weekViewBackgroundEvent:"Background event element",weekViewBackgroundEventResizeHandle:"Resize handle of an interactive background event",weekViewDragPreview:"Ghost preview shown at the snapped position while dragging an event",header:"Header container, part of ScheduleHeader",headerControl:"Header control element, part of ScheduleHeader",viewSelect:"View select element, part of ScheduleHeader",monthYearSelectTarget:"Month/year select target button, part of MonthYearSelect",monthYearSelectDropdown:"Month/year select dropdown, part of MonthYearSelect",monthYearSelectControl:"Month/year select control, part of MonthYearSelect",monthYearSelectList:"Month/year select list, part of MonthYearSelect",monthYearSelectLabel:"Month/year select label, part of MonthYearSelect",currentTimeIndicator:"Current time indicator container, part of CurrentTimeIndicator",currentTimeIndicatorLine:"Current time indicator line, part of CurrentTimeIndicator",currentTimeIndicatorThumb:"Current time indicator thumb, part of CurrentTimeIndicator",currentTimeIndicatorTimeBubble:"Current time indicator time bubble, part of CurrentTimeIndicator",agendaView:"AgendaView root element, shown when agenda is open",agendaViewHeader:"AgendaView header container",agendaViewHeaderLabel:"AgendaView date range label",agendaViewBody:"AgendaView body container",agendaViewDateGroup:"AgendaView date group container",agendaViewDateHeader:"AgendaView date header text",agendaViewEvent:"AgendaView event item button",agendaViewEventBody:"AgendaView event body container",agendaViewEventColor:"AgendaView event color indicator",agendaViewEventTitle:"AgendaView event title text",agendaViewEventTime:"AgendaView event time label",agendaViewNoEvents:"AgendaView no events message"},vars:{weekView:{"--week-view-radius":"Controls `border-radius` of the week view","--week-view-slot-height":"Controls `height` of 1-hour time slots","--week-view-all-day-slots-height":"Controls `height` of all-day slots section"}},modifiers:[{modifier:"data-today",selector:"weekViewDayLabel",condition:"Day is today"},{modifier:"data-weekend",selector:"weekViewDay",condition:"Day is a weekend day"},{modifier:"data-highlight-today",selector:"weekViewDay",condition:'`highlightToday="column"` and day is today'},{modifier:"data-hour-start",selector:"weekViewDaySlot",condition:"Slot is at the start of an hour"},{modifier:"data-business-hours",selector:"weekViewDaySlot",condition:"`highlightBusinessHours` is true and slot is within business hours"},{modifier:"data-non-business-hours",selector:"weekViewDaySlot",condition:"`highlightBusinessHours` is true and slot is outside business hours"},{modifier:"data-static",selector:"weekView",condition:'`mode="static"` is set'}]},"YearLevelGroupStylesApi",()=>G.YearLevelGroupStylesApi,"YearPickerInputStylesApi",()=>G.YearPickerInputStylesApi,"YearPickerStylesApi",()=>G.YearPickerStylesApi,"YearViewStylesApi",0,{selectors:{yearView:"Root element",yearViewMonths:"Container for all months",yearViewMonth:"Individual month container",year
1ViewWeekday:"Weekday name cell",yearViewDay:"Day cell",yearViewWeek:"Week row",yearViewWeekNumber:"Week number indicator",yearViewWeekdays:"Weekdays row",yearViewWeekdaysCorner:"Top-left corner in weekdays row",yearViewMonthCaption:"Month name label",yearViewDayIndicators:"Container for day event indicators",yearViewDayIndicator:"Individual day event indicator",header:"Header container, part of ScheduleHeader",headerControl:"Header control element, part of ScheduleHeader",viewSelect:"View select element, part of ScheduleHeader",monthYearSelectTarget:"Month/year select target button, part of MonthYearSelect",monthYearSelectDropdown:"Month/year select dropdown, part of MonthYearSelect",monthYearSelectControl:"Month/year select control, part of MonthYearSelect",monthYearSelectList:"Month/year select list, part of MonthYearSelect",monthYearSelectLabel:"Month/year select label, part of MonthYearSelect"},vars:{yearView:{"--year-view-radius":"Controls `border-radius` of the year view"}},modifiers:[{modifier:"data-today",selector:"yearViewDay",condition:"Day is today"},{modifier:"data-weekend",selector:"yearViewDay",condition:"Day is a weekend day"},{modifier:"data-outside",selector:"yearViewDay",condition:"Day is outside current month"},{modifier:"data-static",selector:"yearView",condition:'`mode="static"` is set'}]}],213835)},183292,e=>{"use strict";var t=e.i(57807),a=e.i(191788);function n(e,t=0){return 0===e.length?-1:e.reduce((e,a,n)=>Math.abs(e.position-t)<Math.abs(a.y-t)?e:{index:n,position:a.y},{index:0,position:e[0].y}).index}function o(e){return Number(e.tagName[1])}function l(e){return e.textContent||""}e.s(["useScrollSpy",0,function({selector:e="h1, h2, h3, h4, h5, h6",getDepth:r=o,getValue:i=l,offset:d=0,scrollHost:s}={}){let[u,c]=(0,a.useState)(-1),[p,m]=(0,a.useState)(!1),[f,h]=(0,a.useState)([]),y=(0,a.useRef)([]),v=(0,a.useEffectEvent)(()=>{c(n(y.current.map(e=>e.getNode().getBoundingClientRect()),d))}),b=()=>{let a=function(e,a,n,o){let l=[];for(let r=0;r<e.length;r+=1){let i=e[r];l.push({depth:a(i),value:n(i),id:i.id||(0,t.randomId)(),getNode:()=>(function(e,t,a){if(e.isConnected)return e;let n=e.id?document.getElementById(e.id):null;return n||document.querySelectorAll(t)[a]||e})(i,o,r)})}return l}(Array.from(document.querySelectorAll(e)),r,i,e);y.current=a,m(!0),h(a),c(n(a.map(e=>e.getNode().getBoundingClientRect()),d))};return(0,a.useEffect)(()=>{b();let e=s?"current"in s?s.current||window:s:window;return e.addEventListener("scroll",v),()=>e.removeEventListener("scroll",v)},[s,e,d]),{reinitialize:b,active:u,initialized:p,data:f}}])}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.