@mittwald/flow-react-components 1.1.0-next.5 → 1.1.0-next.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"package":"@mittwald/flow-react-components","version":"1.1.0-next.5","docs":{"site":"https://flow.mittwald.de","llmsTxt":"https://flow.mittwald.de/llms.txt","llmsJson":"https://flow.mittwald.de/llms.json","llmsFullTxt":"https://flow.mittwald.de/llms-full.txt","note":"The documentation is written in German; component names and design-system terms are not translated. llms.json lists every page with a Markdown URL under /raw/<path>.md — use it to resolve a component name to its page."},"components":{"@mittwald/flow-react-components/nextjs#Link":{"importFrom":["@mittwald/flow-react-components/nextjs"],"level":"deprecated","remote":{"available":false},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"isDisabled":{"type":"boolean"},"ref":{"type":"Ref<HTMLAnchorElement>"}},"deprecationNotice":"Use RouterProvider instead"},"AccentBox":{"importFrom":["@mittwald/flow-react-components"],"level":"beta","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"aspectRatio":{"type":"AspectRatio","description":"The aspect ratio of the accent box."},"backgroundColor":{"type":"AccentBoxWithCustomBackgroundColor","default":"\"neutral\"","description":"The background color of the accent box."},"backgroundImage":{"type":"string","description":"The background image of the accent box."},"children":{"type":"ReactNode"},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\"","default":"\"default\"","description":"The content color of the accent box."},"elementType":{"type":"\"div\" | \"article\" | ExoticComponent<{}> | \"section\"","description":"The HTML element or React component rendered as the elements root."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Accordion":{"importFrom":["@mittwald/flow-react-components"],"level":"beta","remote":{"available":true},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"defaultExpanded":{"type":"boolean","description":"Whether the accordion should be initially expanded."},"variant":{"type":"\"default\" | \"outline\"","default":"\"default\"","description":"The visual variant of the accordion."}}},"Action":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"actionModel":{"type":"ActionModel","description":"An existing action model to use instead of creating a new one. Lets several\ncomponents share one action state."},"break":{"type":"boolean","default":"false","description":"Stops the execution here: parent actions are not executed."},"children":{"type":"ReactNode"},"closeModal":{"type":"boolean | CloseModalOptions","description":"Whether the surrounding modal is closed when the action is triggered."},"closeOverlay":{"type":"keyof FlowComponentPropsTypes | OverlayController | CloseOverlayOptions","description":"The overlay to close when the action is triggered."},"onAction":{"type":"ActionFn","description":"The function executed when the action is triggered. Returning a promise\nputs the action into its pending and feedback states automatically."},"openModal":{"type":"boolean","description":"Whether the surrounding modal is opened when the action is triggered."},"openOverlay":{"type":"keyof FlowComponentPropsTypes | OverlayController","description":"The overlay to open when the action is triggered."},"showFeedback":{"type":"boolean","description":"Whether success feedback is shown after the action succeeded. Asynchronous\nactions show feedback by default; set `false` to suppress it."},"skip":{"type":"number | boolean","default":"false","description":"The number of parent actions skipped when the action is triggered. `true`\nskips one."},"toggleModal":{"type":"boolean","description":"Whether the surrounding modal is opened or closed when the action is\ntriggered."},"toggleOverlay":{"type":"keyof FlowComponentPropsTypes | OverlayController","description":"The overlay to open or close when the action is triggered."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ActionBatch":{"importFrom":["@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"}},"description":"Batches multiple actions together and shows feedback when all actions have\ncompleted.\n\nBy default function actions are automatically batched. You can use this\ncomponent to split function actions into multiple batches with separate\nfeedback."},"ActionGroup":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"preserveOrder":{"type":"boolean","default":"false","description":"When set, the buttons are not sorted automatically but stay in source\norder."},"size":{"type":"\"s\" | \"m\"","default":"\"m\"","description":"The size of the buttons and links inside the action group."},"spacing":{"type":"\"s\" | \"m\"","default":"\"s\"","description":"The spacing between the buttons inside the action group."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Activity":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":false},"props":{"children":{"type":"ReactNode"},"inactiveDelay":{"type":"number"},"isActive":{"type":"boolean"}}},"Alert":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\" | \"unavailable\"","description":"The elements status"},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"AlertBadge":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\" | \"unavailable\"","description":"The elements status"},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"AlertIcon":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"color":{"type":"IconWithCustomColor","description":"The color of the icon. Besides the Flow colors, any custom CSS color is\nsupported. Inherits the surrounding text color when unset."},"size":{"type":"\"s\" | \"m\" | \"l\"","default":"\"m\"","description":"The size of the icon."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\" | \"unavailable\"","description":"The elements status"},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"AlertText":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\" | \"unavailable\"","description":"The elements status"},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Align":{"importFrom":["@mittwald/flow-react-components"],"level":"deprecated","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}},"deprecationNotice":"Use Combine instead"},"Autocomplete":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"disableAutoFocusFirst":{"type":"boolean","default":"false","description":"Whether or not to focus the first item in the collection after a filter is performed. Note this\nis only applicable if virtual focus behavior is not turned off via `disableVirtualFocus`."},"disableVirtualFocus":{"type":"boolean","default":"false","description":"Whether the autocomplete should disable virtual focus, instead making the wrapped collection\ndirectly tabbable."},"filter":{"type":"((textValue: string, inputValue: string, node: Node<object>) => boolean)","description":"An optional filter function used to determine if a option should be included in the\nautocomplete list. Include this if the items you are providing to your wrapped collection\naren't filtered by default."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Avatar":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"color":{"type":"\"violet\" | \"green\" | \"blue\" | \"teal\" | \"lilac\"","description":"The color of icons and initials inside the avatar."},"label":{"type":"string","description":"A descriptive label that assistive technology announces for the avatar\n(e.g. the name of the represented person or entity). When set, the avatar\nis exposed as a single image with this label. When omitted, the avatar is\ntreated as purely decorative and hidden from assistive technology."},"size":{"type":"\"s\" | \"xs\" | \"m\" | \"l\"","default":"\"m\"","description":"The size of the avatar."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\" | \"unavailable\"","description":"Adds status icon and color to the avatar. May only be used if the status is\nexplained by an element (like text or label) nearby."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"AvatarStack":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"onCountPress":{"type":"(() => void)","description":"The onPress action of the additional items count element"},"size":{"type":"\"s\" | \"xs\" | \"m\" | \"l\"","default":"\"m\"","description":"The size of the avatars inside the stack."},"totalCount":{"type":"number","description":"The total count of items, as avatars should only be displayed for the first\nview"}}},"Badge":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"color":{"type":"\"dark\" | \"light\" | \"dark-static\" | \"light-static\" | \"neutral\" | \"violet\" | \"green\" | \"blue\" | \"teal\" | \"lilac\" | \"navy\" | \"orange\" | \"red\"","default":"\"neutral\"","description":"The color of the badge."},"isDisabled":{"type":"boolean","description":"Whether the badge is disabled."},"onClose":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the badges close icon is pressed."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the badge is pressed."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"BigNumber":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."}}},"Breadcrumb":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode"},"className":{"type":"string","default":"'react-aria-Breadcrumbs'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement."},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\"","default":"\"default\"","description":"The color of the breadcrumb."},"dependencies":{"type":"readonly any[]","description":"Values that should invalidate the item cache when using dynamic collections."},"dir":{"type":"string"},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the breadcrumbs are disabled."},"items":{"type":"Iterable<object>","description":"Item objects in the collection."},"lang":{"type":"string"},"onAction":{"type":"((key: Key) => void)","description":"Handler that is called when a breadcrumb is clicked."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"size":{"type":"\"s\" | \"m\"","default":"\"m\"","description":"The size of the element."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""}}},"BrowserOnly":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"}}},"Button":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-current":{"type":"boolean | \"step\" | \"false\" | \"true\" | \"page\" | \"location\" | \"date\" | \"time\"","description":"Indicates whether this element represents the current item within a container or set of related\nelements."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-disabled":{"type":"boolean","description":"Disables button but keeps it focusable."},"aria-expanded":{"type":"boolean | \"false\" | \"true\"","description":"Indicates whether the element, or another grouping element it controls, is currently expanded\nor collapsed."},"aria-haspopup":{"type":"boolean | \"false\" | \"true\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\"","description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that\ncan be triggered by an element."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"aria-pressed":{"type":"boolean | \"false\" | \"true\" | \"mixed\"","description":"Indicates the current \"pressed\" state of toggle buttons."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode","description":"The children of the component. A function may be provided to alter the children based on\ncomponent state."},"className":{"type":"ClassNameOrFunction<ButtonRenderProps>","default":"'react-aria-Button'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"color":{"type":"\"dark\" | \"light\" | \"dark-static\" | \"light-static\" | \"success\" | \"danger\" | \"primary\" | \"secondary\" | \"accent\"","default":"\"primary\"","description":"The color of the button.\n@deprecatedValues accent"},"dir":{"type":"string"},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the button with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#form)."},"formAction":{"type":"string | ((formData: FormData) => void | Promise<void>)","description":"The URL that processes the information submitted by the button.\nOverrides the action attribute of the button's form owner."},"formEncType":{"type":"string","description":"Indicates how to encode the form data that is submitted."},"formMethod":{"type":"string","description":"Indicates the HTTP method used to submit the form."},"formNoValidate":{"type":"boolean","description":"Indicates that the form is not to be validated when it is submitted."},"formTarget":{"type":"string","description":"Overrides the target attribute of the button's form owner."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the button is disabled."},"isFailed":{"type":"boolean","description":"Whether the button is in a failed state."},"isPending":{"type":"boolean","description":"Whether the button is in a pending state."},"isReadOnly":{"type":"boolean","description":"Whether the button is in a read only state."},"isSucceeded":{"type":"boolean","description":"Whether the button is in a succeeded state."},"lang":{"type":"string"},"name":{"type":"string","description":"Submitted as a pair with the button's value as part of the form data."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"preventFocusOnPress":{"type":"boolean","description":"Whether to prevent focus from moving to the button when pressing it.\n\nCaution, this can make the button inaccessible and should only be used when alternative\nkeyboard interaction is provided, such as ComboBox's MenuTrigger or a NumberField's\nincrement/decrement control."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"size":{"type":"\"s\" | \"m\"","default":"\"m\"","description":"The size of the button."},"slot":{"type":"string","description":"Slot for button placement in action groups."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"type":{"type":"\"button\" | \"submit\" | \"reset\"","default":"'button'","description":"The behavior of the button when used in an HTML form."},"value":{"type":"string","description":"The value associated with the button's name when it's submitted with the form data."},"variant":{"type":"\"solid\" | \"plain\" | \"soft\" | \"outline\"","default":"\"solid\"","description":"The visual variant of the button."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"CartesianChart":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string"},"data":{"type":"ChartDataValue[]","description":"The data points rendered by the chart."},"emptyView":{"type":"ReactNode","description":"View that is provided when data is empty/undefined"},"flexGrow":{"type":"boolean","description":"Allow the height controlling container to set flex-grow: 1. Can only be\nused in combination with `height`"},"height":{"type":"string","description":"The height of the chart."},"syncId":{"type":"string | number","description":"Charts with the same syncId will synchronize Tooltip and Brush events.\n@see {@link https://recharts.github.io/en-US/examples/SynchronizedAreaChart/ Synchronized Charts Example}"},"syncMethod":{"type":"SyncMethod","description":"Customize how the charts will synchronize tooltips and brushes.\n`index`: synchronize using the data index in the data array. Index expects that all data has the same length.\n`value`: synchronize using the data value on categorical axis (categorical: XAxis in horizontal layout, YAxis in vertical layout).\nfunction: a custom sync method which receives tick and data as argument and returns an index.\n@defaultValue index"}}},"Chat":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"height":{"type":"Height<string | number>","description":"The height of the chat."}}},"Checkbox":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<CheckboxGroupRenderProps>","default":"'react-aria-CheckboxGroup'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultSelected":{"type":"boolean","description":"Whether the element should be selected (uncontrolled)."},"dir":{"type":"string"},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"inputClassName":{"type":"string","description":"The class name of the underlying input element."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isIndeterminate":{"type":"boolean","description":"Indeterminism is presentational only.\nThe indeterminate visual representation remains regardless of user interaction."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"isSelected":{"type":"boolean","description":"Whether the element should be selected (controlled)."},"lang":{"type":"string"},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((isSelected: boolean) => void)","description":"Handler that is called when the element's selection state changes."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"string","description":"The value of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefvalue)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"CheckboxButton":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<CheckboxGroupRenderProps>","default":"'react-aria-CheckboxGroup'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultSelected":{"type":"boolean","description":"Whether the element should be selected (uncontrolled)."},"dir":{"type":"string"},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"inputClassName":{"type":"string","description":"The class name of the underlying input element."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isIndeterminate":{"type":"boolean","description":"Indeterminism is presentational only.\nThe indeterminate visual representation remains regardless of user interaction."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"isSelected":{"type":"boolean","description":"Whether the element should be selected (controlled)."},"lang":{"type":"string"},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((isSelected: boolean) => void)","description":"Handler that is called when the element's selection state changes."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"string","description":"The value of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefvalue)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"CheckboxGroup":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<CheckboxGroupRenderProps>","default":"'react-aria-CheckboxGroup'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"l":{"type":"(number | null)[]","description":"Column layout for container size l."},"lang":{"type":"string"},"m":{"type":"(number | null)[]","description":"Column layout for container size m."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"s":{"type":"(number | null)[]","description":"Column layout for container size s."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ClearPropsContext":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"}}},"CodeBlock":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"code":{"type":"string","description":"The code displayed in the block."},"copyable":{"type":"boolean","default":"true","description":"Whether a button to copy the code to the clipboard is shown."},"language":{"type":"\"text\" | \"go\" | \"p\" | \"b\" | \"html\" | \"map\" | \"q\" | \"s\" | \"svg\" | \"m\" | \"markdown\" | \"d\" | \"in\" | \"r\" | \"apl\" | \"asc\" | \"asn\" | \"asn1\" | \"bash\" | \"bf\" | \"BUILD\" | \"bzl\" | \"c\" | \"c++\" | \"cc\" | \"cfg\" | \"cjs\" | \"cl\" | \"clj\" | \"cljc\" | \"cljs\" | \"cljx\" | \"cmake\" | \"cmake.in\" | \"cob\" | \"coffee\" | \"cpp\" | \"cpy\" | \"cql\" | \"cr\" | \"cs\" | \"css\" | \"cts\" | \"cxx\" | \"cyp\" | \"cypher\" | \"dart\" | \"diff\" | \"dtd\" | \"dyalog\" | \"dyl\" | \"dylan\" | \"e\" | \"ecl\" | \"edn\" | \"el\" | \"elm\" | \"erl\" | \"f\" | \"f77\" | \"f90\" | \"f95\" | \"factor\" | \"feature\" | \"for\" | \"forth\" | \"fs\" | \"fth\" | \"fun\" | \"gradle\" | \"groovy\" | \"gss\" | \"h\" | \"h++\" | \"handlebars\" | \"hbs\" | \"hh\" | \"hpp\" | \"hs\" | \"htm\" | \"hx\" | \"hxml\" | \"hxx\" | \"ini\" | \"ino\" | \"intr\" | \"j2\" | \"jade\" | \"java\" | \"jinja\" | \"jinja2\" | \"jl\" | \"js\" | \"json\" | \"jsonld\" | \"jsx\" | \"ksh\" | \"kt\" | \"kts\" | \"less\" | \"liquid\" | \"lisp\" | \"ls\" | \"ltx\" | \"lua\" | \"mbox\" | \"md\" | \"mjs\" | \"mkd\" | \"ml\" | \"mli\" | \"mll\" | \"mly\" | \"mm\" | \"mo\" | \"mps\" | \"mrc\" | \"msc\" | \"mscgen\" | \"mscin\" | \"msgenny\" | \"mts\" | \"nb\" | \"nix\" | \"nq\" | \"nsh\" | \"nsi\" | \"nt\" | \"nut\" | \"oz\" | \"pas\" | \"patch\" | \"pgp\" | \"php\" | \"php3\" | \"php4\" | \"php5\" | \"php7\" | \"phtml\" | \"pig\" | \"pl\" | \"pls\" | \"pm\" | \"pp\" | \"pro\" | \"properties\" | \"proto\" | \"ps1\" | \"psd1\" | \"psm1\" | \"pug\" | \"pxd\" | \"pxi\" | \"py\" | \"pyw\" | \"pyx\" | \"R\" | \"rb\" | \"rq\" | \"rs\" | \"sas\" | \"sass\" | \"scala\" | \"scm\" | \"scss\" | \"sh\" | \"sieve\" | \"sig\" | \"siv\" | \"smackspec\" | \"sml\" | \"solidity\" | \"sparql\" | \"spec\" | \"sql\" | \"ss\" | \"st\" | \"styl\" | \"sv\" | \"svelte\" | \"svh\" | \"swift\" | \"tcl\" | \"tex\" | \"textile\" | \"toml\" | \"ts\" | \"tsx\" | \"ttcn\" | \"ttcn3\" | \"ttcnpp\" | \"ttl\" | \"v\" | \"vb\" | \"vbs\" | \"vhd\" | \"vhdl\" | \"vtl\" | \"vue\" | \"wast\" | \"wat\" | \"webidl\" | \"wl\" | \"wls\" | \"xml\" | \"xq\" | \"xqm\" | \"xquery\" | \"xqy\" | \"xsd\" | \"xsl\" | \"xu\" | \"xy\" | \"yaml\" | \"yml\" | \"ys\" | \"z80\" | \"dotEnv\"","description":"The language the code is highlighted as."},"showLineNumbers":{"type":"boolean","default":"true","description":"Whether line numbers are shown in the gutter."},"truncateLines":{"type":"number | boolean","default":": false","description":"Controls truncation of long code blocks. `false` disables it, `true`\ntruncates after 8 lines, and a number sets the maximum line count."}}},"CodeEditor":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"autoFocus":{"type":"boolean","description":"focus on the editor."},"className":{"type":"string","description":"The elements class name."},"copyable":{"type":"boolean","default":"true","description":"Whether a button to copy the code to the clipboard is shown."},"defaultValue":{"type":"string","description":"The initial code of an uncontrolled editor."},"editable":{"type":"boolean","default":"true","description":"This disables editing of the editor content by the user."},"extensions":{"type":"Extension[]","description":"Extension values can be [provided](https://codemirror.net/6/docs/ref/#state.EditorStateConfig.extensions) when creating a state to attach various kinds of configuration and behavior information.\nThey can either be built-in extension-providing objects,\nsuch as [state fields](https://codemirror.net/6/docs/ref/#state.StateField) or [facet providers](https://codemirror.net/6/docs/ref/#state.Facet.of),\nor objects with an extension in its `extension` property. Extensions can be nested in arrays arbitrarily deep—they will be flattened when processed."},"height":{"type":"string"},"indentWithTab":{"type":"boolean","default":"true","description":"Controls whether pressing the `Tab` key inserts a tab character and indents the text (`true`)\nor behaves according to the browser's default behavior (`false`)."},"initialState":{"type":"{ json: any; fields?: Record<string, StateField<any>>; }","description":"Create a state from its JSON representation serialized with [toJSON](https://codemirror.net/docs/ref/#state.EditorState.toJSON) function"},"isInvalid":{"type":"boolean","default":"false","description":"Whether the editor is displayed as invalid."},"isReadOnly":{"type":"boolean","default":"false","description":"Whether the code can be read but not edited."},"isRequired":{"type":"boolean","default":"false","description":"Whether the field must be filled in. Only marks the editor as required for\nassistive technology — the editor does not validate itself."},"language":{"type":"\"text\" | \"go\" | \"p\" | \"b\" | \"html\" | \"map\" | \"q\" | \"s\" | \"svg\" | \"m\" | \"markdown\" | \"d\" | \"in\" | \"r\" | \"apl\" | \"asc\" | \"asn\" | \"asn1\" | \"bash\" | \"bf\" | \"BUILD\" | \"bzl\" | \"c\" | \"c++\" | \"cc\" | \"cfg\" | \"cjs\" | \"cl\" | \"clj\" | \"cljc\" | \"cljs\" | \"cljx\" | \"cmake\" | \"cmake.in\" | \"cob\" | \"coffee\" | \"cpp\" | \"cpy\" | \"cql\" | \"cr\" | \"cs\" | \"css\" | \"cts\" | \"cxx\" | \"cyp\" | \"cypher\" | \"dart\" | \"diff\" | \"dtd\" | \"dyalog\" | \"dyl\" | \"dylan\" | \"e\" | \"ecl\" | \"edn\" | \"el\" | \"elm\" | \"erl\" | \"f\" | \"f77\" | \"f90\" | \"f95\" | \"factor\" | \"feature\" | \"for\" | \"forth\" | \"fs\" | \"fth\" | \"fun\" | \"gradle\" | \"groovy\" | \"gss\" | \"h\" | \"h++\" | \"handlebars\" | \"hbs\" | \"hh\" | \"hpp\" | \"hs\" | \"htm\" | \"hx\" | \"hxml\" | \"hxx\" | \"ini\" | \"ino\" | \"intr\" | \"j2\" | \"jade\" | \"java\" | \"jinja\" | \"jinja2\" | \"jl\" | \"js\" | \"json\" | \"jsonld\" | \"jsx\" | \"ksh\" | \"kt\" | \"kts\" | \"less\" | \"liquid\" | \"lisp\" | \"ls\" | \"ltx\" | \"lua\" | \"mbox\" | \"md\" | \"mjs\" | \"mkd\" | \"ml\" | \"mli\" | \"mll\" | \"mly\" | \"mm\" | \"mo\" | \"mps\" | \"mrc\" | \"msc\" | \"mscgen\" | \"mscin\" | \"msgenny\" | \"mts\" | \"nb\" | \"nix\" | \"nq\" | \"nsh\" | \"nsi\" | \"nt\" | \"nut\" | \"oz\" | \"pas\" | \"patch\" | \"pgp\" | \"php\" | \"php3\" | \"php4\" | \"php5\" | \"php7\" | \"phtml\" | \"pig\" | \"pl\" | \"pls\" | \"pm\" | \"pp\" | \"pro\" | \"properties\" | \"proto\" | \"ps1\" | \"psd1\" | \"psm1\" | \"pug\" | \"pxd\" | \"pxi\" | \"py\" | \"pyw\" | \"pyx\" | \"R\" | \"rb\" | \"rq\" | \"rs\" | \"sas\" | \"sass\" | \"scala\" | \"scm\" | \"scss\" | \"sh\" | \"sieve\" | \"sig\" | \"siv\" | \"smackspec\" | \"sml\" | \"solidity\" | \"sparql\" | \"spec\" | \"sql\" | \"ss\" | \"st\" | \"styl\" | \"sv\" | \"svelte\" | \"svh\" | \"swift\" | \"tcl\" | \"tex\" | \"textile\" | \"toml\" | \"ts\" | \"tsx\" | \"ttcn\" | \"ttcn3\" | \"ttcnpp\" | \"ttl\" | \"v\" | \"vb\" | \"vbs\" | \"vhd\" | \"vhdl\" | \"vtl\" | \"vue\" | \"wast\" | \"wat\" | \"webidl\" | \"wl\" | \"wls\" | \"xml\" | \"xq\" | \"xqm\" | \"xquery\" | \"xqy\" | \"xsd\" | \"xsl\" | \"xu\" | \"xy\" | \"yaml\" | \"yml\" | \"ys\" | \"z80\" | \"dotEnv\"","description":"The language the code is highlighted as."},"maxHeight":{"type":"string"},"maxWidth":{"type":"string"},"minHeight":{"type":"string"},"minWidth":{"type":"string"},"onChange":{"type":"((value: string, viewUpdate: ViewUpdate) => void)","description":"Fired whenever a change occurs to the document."},"onCreateEditor":{"type":"((view: EditorView, state: EditorState) => void)","description":"The first time the editor executes the event."},"onStatistics":{"type":"((data: Statistics) => void)","description":"Some data on the statistics editor."},"onUpdate":{"type":"((viewUpdate: ViewUpdate) => void)","description":"Fired whenever any state change occurs within the editor, including non-document changes like lint results."},"placeholder":{"type":"string | HTMLElement","description":"Enables a placeholder—a piece of example content to show when the editor is empty."},"root":{"type":"ShadowRoot | Document","description":"If the view is going to be mounted in a shadow root or document other than the one held by the global variable document (the default), you should pass it here.\nOriginally from the [config of EditorView](https://codemirror.net/6/docs/ref/#view.EditorView.constructor%5Econfig.root)"},"selection":{"type":"EditorSelection | { anchor: number; head?: number; }","description":"The starting selection. Defaults to a cursor at the very start\nof the document."},"showActiveLineMarker":{"type":"boolean","default":"true","description":"Whether the line the cursor is on is highlighted."},"showCodeFolding":{"type":"boolean","default":"true","description":"Whether the gutter offers controls to fold and unfold code blocks."},"showCodeIndentationMakers":{"type":"boolean","default":"true","description":"Whether indentation levels are visualized with guide lines."},"showLineNumbers":{"type":"boolean","default":"true","description":"Whether line numbers are shown in the gutter."},"showLinterMarkers":{"type":"boolean","default":"true","description":"Whether linter results are shown in the gutter."},"value":{"type":"string","description":"value of the auto created model in the editor."},"width":{"type":"string"},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}},"isNew":true},"Color":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"color":{"type":"FlowWithCustomColor","default":"\"blue\"","description":"The color of the element."}}},"ColumnLayout":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"columnGap":{"type":"\"s\" | \"m\" | \"l\" | \"xl\"","description":"Size of the column gap between the content blocks inside the column layout."},"elementType":{"type":"\"div\" | ExoticComponent<{}> | \"ul\"","description":"The HTML element or React component rendered as the elements root."},"gap":{"type":"\"s\" | \"m\" | \"l\" | \"xl\"","default":"\"m\"","description":"Size of the row and column gap between the content blocks inside the column\nlayout."},"l":{"type":"(number | null)[]","description":"Column layout for container size l."},"m":{"type":"(number | null)[]","description":"Column layout for container size m."},"rowGap":{"type":"\"s\" | \"m\" | \"l\" | \"xl\"","description":"Size of the row gap between the content blocks inside the column layout."},"s":{"type":"(number | null)[]","description":"Column layout for container size s."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Combine":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}},"isNew":true},"ComboBox":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","renderEmptyState","style","wrapWith"]},"props":{"allowsCustomValue":{"type":"boolean","description":"Whether the ComboBox allows a non-item matching input value to be set."},"allowsEmptyCollection":{"type":"boolean","description":"Whether the combo box allows the menu to be open when the collection is empty."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<ComboBoxRenderProps>","default":"'react-aria-ComboBox'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultFilter":{"type":"((textValue: string, inputValue: string) => boolean)","description":"The filter function used to determine if an option should be included in the combo box list.\nBy default, a language-sensitive \"contains\" filter from `useFilter` is used."},"defaultInputValue":{"type":"string","description":"The default value of the ComboBox input (uncontrolled)."},"defaultItems":{"type":"Iterable<never>","description":"The list of ComboBox items (uncontrolled)."},"defaultSelectedKey":{"type":"Key","description":"The initial selected key in the collection (uncontrolled).\n@deprecated","deprecated":true},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"disabledKeys":{"type":"Iterable<Key>","description":"The item keys that are disabled. These items cannot be selected, focused, or otherwise\ninteracted with."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"formValue":{"type":"\"text\" | \"key\"","default":"'key'","description":"Whether the text or key of the selected item is submitted as part of an HTML form. When\n`allowsCustomValue` is `true`, this option does not apply and the text is always submitted."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"inputValue":{"type":"string","description":"The value of the ComboBox input (controlled)."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"items":{"type":"Iterable<never>","description":"The list of ComboBox items (controlled)."},"lang":{"type":"string"},"menuTrigger":{"type":"\"input\" | \"manual\" | \"focus\"","default":"'input'","description":"The interaction required to display the ComboBox menu."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: string) => void)","description":"Called with the key of the selected option whenever the selection changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onInputChange":{"type":"((value: string) => void)","description":"Handler that is called when the ComboBox input value changes."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onOpenChange":{"type":"((isOpen: boolean, menuTrigger?: MenuTriggerAction) => void)","description":"Method that is called when the open state of the menu changes. Returns the new open state and\nthe action that caused the opening of the menu."},"onSelectionChange":{"type":"((key: Key | null) => void)","description":"Handler that is called when the selection changes.\n@deprecated","deprecated":true},"placeholder":{"type":"string","description":"Temporary text that occupies the text input when it is empty.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/placeholder)."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"renderEmptyState":{"type":"((props: ListBoxRenderProps) => ReactNode)","description":"Provides content to display when there are no items in the list."},"selectedKey":{"type":"Key","description":"The currently selected key in the collection (controlled).\n@deprecated","deprecated":true},"selectionMode":{"type":"\"single\"","default":"'single'","description":"Whether single or multiple selection is enabled."},"shouldFocusWrap":{"type":"boolean","description":"Whether keyboard navigation is circular."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ComponentDefaultsProvider":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":false},"props":{"children":{"type":"ReactNode"},"defaults":{"type":"PartialComponentDefaults","required":true,"description":"Defaults per component. Every setting that is not given keeps the default\nof a surrounding ComponentDefaultsProvider, or its built-in default."}},"isNew":true,"description":"Defines the default behavior of components for the whole application – or,\nnested, for a part of it."},"ComponentPropsContextProvider":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["componentProps"]},"props":{"children":{"type":"ReactNode"},"componentProps":{"type":"PropsContext"}}},"Content":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"elementType":{"type":"\"div\" | \"span\" | ExoticComponent<{}> | \"section\"","description":"The HTML element or React component rendered as the elements root."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ContextMenu":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["controller","render","renderEmptyState","style","wrapWith"]},"props":{"UNSTABLE_portalContainer":{"type":"Element","default":"document.body","description":"The container element in which the overlay portal will be placed. This may have unknown\nbehavior depending on where it is portalled to.\n@deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.","deprecated":true},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"arrowBoundaryOffset":{"type":"number","default":"0","description":"The minimum distance the arrow's edge should be from the edge of the overlay element."},"arrowRef":{"type":"RefObject<Element | null>","description":"A ref for the popover arrow element."},"boundaryElement":{"type":"Element","default":"document.body","description":"Element that that serves as the positioning boundary."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<PopoverRenderProps>","default":"'react-aria-Popover'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"containerPadding":{"type":"number","default":"12","description":"The placement padding that should be applied between the element and its\nsurrounding container."},"controller":{"type":"OverlayController","description":"An overlay controller to control the popover state."},"crossOffset":{"type":"number","default":"0","description":"The additional offset applied along the cross axis between the element and its\nanchor element."},"defaultOpen":{"type":"boolean","description":"Whether the overlay is open by default (uncontrolled)."},"defaultSelectedKeys":{"type":"\"all\" | Iterable<Key>","description":"The initial selected keys in the collection (uncontrolled)."},"dir":{"type":"string"},"disabledKeys":{"type":"Iterable<Key>","description":"The item keys that are disabled. These items cannot be selected, focused, or otherwise\ninteracted with."},"getTargetRect":{"type":"((target: Element) => DOMRect | null)","default":"target.getBoundingClientRect()","description":"Overrides the target element's bounding rectangle. Useful for positioning relative to\na specific point such as the mouse cursor (e.g. context menus) or text selection.\n@param target - The target element."},"hidden":{"type":"boolean"},"inert":{"type":"boolean"},"isDialogContent":{"type":"boolean","description":"Whether the popover contains a dialog."},"isEntering":{"type":"boolean","description":"Whether the popover is currently performing an entry animation."},"isExiting":{"type":"boolean","description":"Whether the popover is currently performing an exit animation."},"isKeyboardDismissDisabled":{"type":"boolean","default":"false","description":"Whether pressing the escape key to close the popover should be disabled.\n\nMost popovers should not use this option. When set to true, an alternative\nway to close the popover with a keyboard must be provided."},"isNonModal":{"type":"boolean","description":"Whether the popover is non-modal, i.e. elements outside the popover may be\ninteracted with by assistive technologies.\n\nMost popovers should not use this option as it may negatively impact the screen\nreader experience. Only use with components such as combobox, which are designed\nto handle this situation carefully."},"isOpen":{"type":"boolean","description":"Whether the overlay is open by default (controlled)."},"lang":{"type":"string"},"maxHeight":{"type":"number","description":"The maxHeight specified for the overlay element.\nBy default, it will take all space up to the current viewport height."},"offset":{"type":"number","default":"8","description":"The additional offset applied along the main axis between the element and its\nanchor element."},"onAction":{"type":"((key: Key, value: MenuItemProps) => void)","description":"Handler that is called when an item is selected."},"onBlurWithin":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the target element and all descendants lose focus."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocusWithin":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the target element or a descendant receives focus."},"onFocusWithinChange":{"type":"((isFocusWithin: boolean) => void)","description":"Handler that is called when the the focus within state changes."},"onOpenChange":{"type":"((isOpen: boolean) => void)","description":"Handler that is called when the overlay's open state changes."},"onSelectionChange":{"type":"((keys: Selection) => void)","description":"Handler that is called when the selection changes."},"placement":{"type":"\"bottom\" | \"bottom left\" | \"bottom right\" | \"bottom start\" | \"bottom end\" | \"top\" | \"top left\" | \"top right\" | \"top start\" | \"top end\" | \"left\" | \"left top\" | \"left bottom\" | \"start\" | \"start top\" | \"start bottom\" | \"right\" | \"right top\" | \"right bottom\" | \"end\" | \"end top\" | \"end bottom\"","default":"'bottom'","description":"The placement of the element with respect to its anchor element."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"renderEmptyState":{"type":"(() => ReactNode)","description":"Provides content to display when there are no items in the list."},"scrollRef":{"type":"RefObject<Element | null>","default":"overlayRef","description":"A ref for the scrollable region within the overlay."},"selectedKeys":{"type":"\"all\" | Iterable<Key>","description":"The currently selected keys in the collection (controlled)."},"selectionMode":{"type":"\"multiple\" | \"navigation\" | \"switch\" | \"single\"","description":"The type of selection that is allowed in the context menu."},"shouldCloseOnInteractOutside":{"type":"((element: Element) => boolean)","description":"When user interacts with the argument element outside of the popover ref,\nreturn true if onClose should be called. This gives you a chance to filter\nout interaction with elements that should not dismiss the popover.\nBy default, onClose will always be called on interaction outside the popover ref."},"shouldFlip":{"type":"boolean","default":"true","description":"Whether the element should flip its orientation (e.g. top to bottom or left to right) when\nthere is insufficient room for it to render completely."},"shouldSkipAnimation":{"type":"boolean","description":"Whether the popover should appear and disappear without an entry or exit animation. This is\nused by components such as PreviewTrigger to skip animations when quickly swapping between\noverlays."},"shouldUpdatePosition":{"type":"boolean","default":"true","description":"Whether the overlay should update its position automatically."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"trigger":{"type":"string","description":"The name of the component that triggered the popover. This is reflected on the element\nas the `data-trigger` attribute, and can be used to provide specific\nstyles for the popover depending on which element triggered it."},"triggerRef":{"type":"RefObject<Element | null>","description":"The ref for the element which the popover positions itself with respect to.\n\nWhen used within a trigger component such as DialogTrigger, MenuTrigger, Select, etc.,\nthis is set automatically. It is only required when used standalone."},"width":{"type":"string | number","description":"Sets the context menu to a fixed width."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ContextualHelp":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["controller","render","style","wrapWith"]},"props":{"UNSTABLE_portalContainer":{"type":"Element","default":"document.body","description":"The container element in which the overlay portal will be placed. This may have unknown\nbehavior depending on where it is portalled to.\n@deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.","deprecated":true},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"arrowBoundaryOffset":{"type":"number","default":"0","description":"The minimum distance the arrow's edge should be from the edge of the overlay element."},"arrowRef":{"type":"RefObject<Element | null>","description":"A ref for the popover arrow element."},"boundaryElement":{"type":"Element","default":"document.body","description":"Element that that serves as the positioning boundary."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<PopoverRenderProps>","default":"'react-aria-Popover'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"containerPadding":{"type":"number","default":"12","description":"The placement padding that should be applied between the element and its\nsurrounding container."},"controller":{"type":"OverlayController","description":"An overlay controller to control the popover state."},"crossOffset":{"type":"number","default":"0","description":"The additional offset applied along the cross axis between the element and its\nanchor element."},"defaultOpen":{"type":"boolean","description":"Whether the overlay is open by default (uncontrolled)."},"dir":{"type":"string"},"getTargetRect":{"type":"((target: Element) => DOMRect | null)","default":"target.getBoundingClientRect()","description":"Overrides the target element's bounding rectangle. Useful for positioning relative to\na specific point such as the mouse cursor (e.g. context menus) or text selection.\n@param target - The target element."},"hidden":{"type":"boolean"},"inert":{"type":"boolean"},"isDialogContent":{"type":"boolean","description":"Whether the popover contains a dialog."},"isEntering":{"type":"boolean","description":"Whether the popover is currently performing an entry animation."},"isExiting":{"type":"boolean","description":"Whether the popover is currently performing an exit animation."},"isKeyboardDismissDisabled":{"type":"boolean","default":"false","description":"Whether pressing the escape key to close the popover should be disabled.\n\nMost popovers should not use this option. When set to true, an alternative\nway to close the popover with a keyboard must be provided."},"isNonModal":{"type":"boolean","description":"Whether the popover is non-modal, i.e. elements outside the popover may be\ninteracted with by assistive technologies.\n\nMost popovers should not use this option as it may negatively impact the screen\nreader experience. Only use with components such as combobox, which are designed\nto handle this situation carefully."},"isOpen":{"type":"boolean","description":"Whether the overlay is open by default (controlled)."},"lang":{"type":"string"},"maxHeight":{"type":"number","description":"The maxHeight specified for the overlay element.\nBy default, it will take all space up to the current viewport height."},"offset":{"type":"number","default":"8","description":"The additional offset applied along the main axis between the element and its\nanchor element."},"onBlurWithin":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the target element and all descendants lose focus."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocusWithin":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the target element or a descendant receives focus."},"onFocusWithinChange":{"type":"((isFocusWithin: boolean) => void)","description":"Handler that is called when the the focus within state changes."},"onOpenChange":{"type":"((isOpen: boolean) => void)","description":"Handler that is called when the overlay's open state changes."},"placement":{"type":"\"bottom\" | \"bottom left\" | \"bottom right\" | \"bottom start\" | \"bottom end\" | \"top\" | \"top left\" | \"top right\" | \"top start\" | \"top end\" | \"left\" | \"left top\" | \"left bottom\" | \"start\" | \"start top\" | \"start bottom\" | \"right\" | \"right top\" | \"right bottom\" | \"end\" | \"end top\" | \"end bottom\"","default":"'bottom'","description":"The placement of the element with respect to its anchor element."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"scrollRef":{"type":"RefObject<Element | null>","default":"overlayRef","description":"A ref for the scrollable region within the overlay."},"shouldCloseOnInteractOutside":{"type":"((element: Element) => boolean)","description":"When user interacts with the argument element outside of the popover ref,\nreturn true if onClose should be called. This gives you a chance to filter\nout interaction with elements that should not dismiss the popover.\nBy default, onClose will always be called on interaction outside the popover ref."},"shouldFlip":{"type":"boolean","default":"true","description":"Whether the element should flip its orientation (e.g. top to bottom or left to right) when\nthere is insufficient room for it to render completely."},"shouldSkipAnimation":{"type":"boolean","description":"Whether the popover should appear and disappear without an entry or exit animation. This is\nused by components such as PreviewTrigger to skip animations when quickly swapping between\noverlays."},"shouldUpdatePosition":{"type":"boolean","default":"true","description":"Whether the overlay should update its position automatically."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"trigger":{"type":"string","description":"The name of the component that triggered the popover. This is reflected on the element\nas the `data-trigger` attribute, and can be used to provide specific\nstyles for the popover depending on which element triggered it."},"triggerRef":{"type":"RefObject<Element | null>","description":"The ref for the element which the popover positions itself with respect to.\n\nWhen used within a trigger component such as DialogTrigger, MenuTrigger, Select, etc.,\nthis is set automatically. It is only required when used standalone."},"width":{"type":"string | number","description":"A fixed width for the popover."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"CopyButton":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["style","wrapWith"]},"props":{"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-current":{"type":"boolean | \"step\" | \"false\" | \"true\" | \"page\" | \"location\" | \"date\" | \"time\"","description":"Indicates whether this element represents the current item within a container or set of related\nelements."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-disabled":{"type":"boolean","description":"Disables button but keeps it focusable."},"aria-expanded":{"type":"boolean | \"false\" | \"true\"","description":"Indicates whether the element, or another grouping element it controls, is currently expanded\nor collapsed."},"aria-haspopup":{"type":"boolean | \"false\" | \"true\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\"","description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that\ncan be triggered by an element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"aria-pressed":{"type":"boolean | \"false\" | \"true\" | \"mixed\"","description":"Indicates the current \"pressed\" state of toggle buttons."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode","description":"The children of the component. A function may be provided to alter the children based on\ncomponent state."},"className":{"type":"ClassNameOrFunction<ButtonRenderProps>","default":"'react-aria-Button'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"color":{"type":"\"dark\" | \"light\" | \"dark-static\" | \"light-static\" | \"success\" | \"danger\" | \"primary\" | \"secondary\" | \"accent\"","default":"\"primary\"","description":"The color of the button.\n@deprecatedValues accent"},"dir":{"type":"string"},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the button with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#form)."},"formAction":{"type":"string | ((formData: FormData) => void | Promise<void>)","description":"The URL that processes the information submitted by the button.\nOverrides the action attribute of the button's form owner."},"formEncType":{"type":"string","description":"Indicates how to encode the form data that is submitted."},"formMethod":{"type":"string","description":"Indicates the HTTP method used to submit the form."},"formNoValidate":{"type":"boolean","description":"Indicates that the form is not to be validated when it is submitted."},"formTarget":{"type":"string","description":"Overrides the target attribute of the button's form owner."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the button is disabled."},"isFailed":{"type":"boolean","description":"Whether the button is in a failed state."},"isPending":{"type":"boolean","description":"Whether the button is in a pending state."},"isReadOnly":{"type":"boolean","description":"Whether the button is in a read only state."},"isSucceeded":{"type":"boolean","description":"Whether the button is in a succeeded state."},"lang":{"type":"string"},"name":{"type":"string","description":"Submitted as a pair with the button's value as part of the form data."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"preventFocusOnPress":{"type":"boolean","description":"Whether to prevent focus from moving to the button when pressing it.\n\nCaution, this can make the button inaccessible and should only be used when alternative\nkeyboard interaction is provided, such as ComboBox's MenuTrigger or a NumberField's\nincrement/decrement control."},"size":{"type":"\"s\" | \"m\"","default":"\"m\"","description":"The size of the button."},"slot":{"type":"string","description":"Slot for button placement in action groups."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"text":{"type":"string","description":"The text to copy."},"translate":{"type":"\"yes\" | \"no\""},"type":{"type":"\"button\" | \"submit\" | \"reset\"","default":"'button'","description":"The behavior of the button when used in an HTML form."},"value":{"type":"string","description":"The value associated with the button's name when it's submitted with the form data."},"variant":{"type":"\"solid\" | \"plain\" | \"soft\" | \"outline\"","default":"\"solid\"","description":"The visual variant of the button."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"CounterBadge":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"count":{"type":"number","description":"The number displayed inside the badge."},"elementType":{"type":"\"span\" | ExoticComponent<{}>","description":"The HTML element or React component rendered as the elements root."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"CountryOptions":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true,"excludedProps":["render","renderEmptyState","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean | FocusStrategy","description":"Whether to auto focus the listbox or an option."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<ListBoxItemRenderProps>","default":"'react-aria-ListBoxItem'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultSelectedKeys":{"type":"\"all\" | Iterable<Key>","description":"The initial selected keys in the collection (uncontrolled)."},"dependencies":{"type":"readonly any[]","description":"Values that should invalidate the item cache when using dynamic collections."},"dir":{"type":"string"},"disabledKeys":{"type":"Iterable<Key>","description":"The item keys that are disabled. These items cannot be selected, focused, or otherwise\ninteracted with."},"disallowEmptySelection":{"type":"boolean","description":"Whether the collection allows empty selection."},"dragAndDropHooks":{"type":"DragAndDropHooks<object>","description":"The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for\nthe ListBox."},"escapeKeyBehavior":{"type":"\"none\" | \"clearSelection\"","default":"'clearSelection'","description":"Whether pressing the escape key should clear selection in the listbox or not.\n\nMost experiences should not modify this option as it eliminates a keyboard user's ability to\neasily clear selection. Only use if the escape key is being handled externally or should not\ntrigger selection clearing contextually."},"filterBy":{"type":"CountryFilterFn"},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"items":{"type":"Iterable<object>","description":"Item objects in the collection."},"lang":{"type":"string"},"layout":{"type":"\"grid\" | \"stack\"","default":"'stack'","description":"Whether the items are arranged in a stack or grid."},"onAction":{"type":"((key: Key) => void)","description":"Handler that is called when a user performs an action on an item. The exact user event depends\non the collection's `selectionBehavior` prop and the interaction modality."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onSelectionChange":{"type":"((keys: Selection) => void)","description":"Handler that is called when the selection changes."},"orientation":{"type":"\"horizontal\" | \"vertical\"","default":"'vertical'","description":"The primary orientation of the items. Usually this is the\ndirection that the collection scrolls."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"renderEmptyState":{"type":"((props: ListBoxRenderProps) => ReactNode)","description":"Provides content to display when there are no items in the list."},"selectedKeys":{"type":"\"all\" | Iterable<Key>","description":"The currently selected keys in the collection (controlled)."},"selectionBehavior":{"type":"\"toggle\" | \"replace\"","default":"'toggle'","description":"How multiple selection should behave in the collection."},"selectionMode":{"type":"\"multiple\" | \"none\" | \"single\"","description":"The type of selection that is allowed in the collection."},"shouldFocusOnHover":{"type":"boolean","description":"Whether options should be focused when the user hovers over them."},"shouldFocusWrap":{"type":"boolean","description":"Whether focus should wrap around when the end/start is reached."},"shouldSelectOnPressUp":{"type":"boolean","description":"Whether selection should occur on press up instead of press down."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"sortBy":{"type":"CountrySortFn"},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"DatePicker":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoComplete":{"type":"string","description":"Describes the type of autocomplete functionality the input should provide if any. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete)."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<DateRangePickerRenderProps>","default":"'react-aria-DateRangePicker'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultOpen":{"type":"boolean","description":"Whether the overlay is open by default (uncontrolled)."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"firstDayOfWeek":{"type":"\"sun\" | \"mon\" | \"tue\" | \"wed\" | \"thu\" | \"fri\" | \"sat\"","description":"The day that starts the week."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"granularity":{"type":"\"hour\" | \"minute\" | \"second\"","default":"'minute'","description":"Determines the smallest unit that is displayed in the time picker."},"hidden":{"type":"boolean"},"hideTimeZone":{"type":"boolean","description":"Whether to hide the time zone abbreviation."},"hourCycle":{"type":"12 | 24","description":"Whether to display the time in 12 or 24 hour format. By default, this is determined by the\nuser's locale."},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDateUnavailable":{"type":"((date: DateValue, anchorDate: CalendarDate | null) => boolean)","description":"Callback that is called for each date of the calendar. If it returns true, then the date is\nunavailable."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isOpen":{"type":"boolean","description":"Whether the overlay is open by default (controlled)."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"maxValue":{"type":"TimeValue","description":"The maximum allowed time that a user may select."},"minValue":{"type":"TimeValue","description":"The minimum allowed time that a user may select."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onOpenChange":{"type":"((isOpen: boolean) => void)","description":"Handler that is called when the overlay's open state changes."},"pageBehavior":{"type":"\"single\" | \"visible\"","default":"visible","description":"Controls the behavior of paging. Pagination either works by advancing the visible page by\nvisibleDuration (default) or one unit of visibleDuration."},"placeholderValue":{"type":"TimeValue","description":"A placeholder time that influences the format of the placeholder shown when no value is\nselected. Defaults to 12:00 AM or 00:00 depending on the hour cycle."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"shouldCloseOnSelect":{"type":"boolean | (() => boolean)","default":"true","description":"Determines whether the date picker popover should close automatically when a date is selected."},"shouldForceLeadingZeros":{"type":"boolean","description":"Whether to always show leading zeros in the hour field.\nBy default, this is determined by the user's locale."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"DateRangePicker":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"allowsNonContiguousRanges":{"type":"boolean","description":"When combined with `isDateUnavailable`, determines whether non-contiguous ranges,\ni.e. ranges containing unavailable dates, may be selected."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<DateRangePickerRenderProps>","default":"'react-aria-DateRangePicker'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultOpen":{"type":"boolean","description":"Whether the overlay is open by default (uncontrolled)."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"endName":{"type":"string","description":"The name of the end date input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"firstDayOfWeek":{"type":"\"sun\" | \"mon\" | \"tue\" | \"wed\" | \"thu\" | \"fri\" | \"sat\"","description":"The day that starts the week."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"granularity":{"type":"\"hour\" | \"minute\" | \"second\"","default":"'minute'","description":"Determines the smallest unit that is displayed in the time picker."},"hidden":{"type":"boolean"},"hideTimeZone":{"type":"boolean","description":"Whether to hide the time zone abbreviation."},"hourCycle":{"type":"12 | 24","description":"Whether to display the time in 12 or 24 hour format. By default, this is determined by the\nuser's locale."},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDateUnavailable":{"type":"((date: DateValue, anchorDate: CalendarDate | null) => boolean)","description":"Callback that is called for each date of the calendar. If it returns true, then the date is\nunavailable."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isOpen":{"type":"boolean","description":"Whether the overlay is open by default (controlled)."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"maxValue":{"type":"TimeValue","description":"The maximum allowed time that a user may select."},"minValue":{"type":"TimeValue","description":"The minimum allowed time that a user may select."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onOpenChange":{"type":"((isOpen: boolean) => void)","description":"Handler that is called when the overlay's open state changes."},"pageBehavior":{"type":"\"single\" | \"visible\"","default":"visible","description":"Controls the behavior of paging. Pagination either works by advancing the visible page by\nvisibleDuration (default) or one unit of visibleDuration."},"placeholderValue":{"type":"TimeValue","description":"A placeholder time that influences the format of the placeholder shown when no value is\nselected. Defaults to 12:00 AM or 00:00 depending on the hour cycle."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"shouldCloseOnSelect":{"type":"boolean | (() => boolean)","default":"true","description":"Determines whether the date picker popover should close automatically when a date is selected."},"shouldForceLeadingZeros":{"type":"boolean","description":"Whether to always show leading zeros in the hour field.\nBy default, this is determined by the user's locale."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"startName":{"type":"string","description":"The name of the start date input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"withDatePickerPresets":{"type":"boolean | DateRangePresets","default":"false","description":"Whether the calendar offers presets to pick a range with one click. Pass an\narray to replace the built-in presets with your own."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"DeprecationWarningProvider":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"onWarning":{"type":"DeprecationWarningHandler"}}},"Div":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."}}},"DonutChart":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<ProgressBarRenderProps>","default":"'react-aria-ProgressBar'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"dir":{"type":"string"},"formatOptions":{"type":"NumberFormatOptions","default":"{ style: 'percent' }","description":"The display format of the value label."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isIndeterminate":{"type":"boolean","description":"Whether presentation is indeterminate when progress isn't known."},"lang":{"type":"string"},"legendPosition":{"type":"\"bottom\" | \"top\" | \"left\" | \"right\"","default":"\"right\"","description":"The position of the legend."},"maxValue":{"type":"number","default":"100","description":"The largest value allowed for the input."},"minValue":{"type":"number","default":"0","description":"The smallest value allowed for the input."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"segments":{"type":"DonutChartSegment[]","description":"Divides the fill of the donut chart into segments"},"showLegend":{"type":"boolean","default":":\ntrue","description":"Whether the legend component is shown when segments are used."},"size":{"type":"\"m\" | \"l\"","default":"\"m\"","description":"The size variant of the donut chart."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\"","description":"The status the donut chart is colored by."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"value":{"type":"number","default":"0","description":"The current value (controlled)."}}},"Field":{"importFrom":["@mittwald/flow-react-components/react-hook-form"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"control":{"type":"Control<T, any, T>"},"defaultValue":{"type":"any"},"disabled":{"type":"boolean"},"exact":{"type":"boolean"},"name":{"type":"string","required":true},"rules":{"type":"Omit<RegisterOptions<T, Path<T>>, \"disabled\" | \"valueAsNumber\" | \"valueAsDate\" | \"setValueAs\">"},"shouldUnregister":{"type":"boolean"}}},"FieldDescription":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","wrapWith"]},"props":{"align":{"type":"\"start\" | \"end\" | \"center\"","default":"\"start\"","description":"The alignment of the text."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\"","default":"\"default\"","description":"The color of the text."},"elementType":{"type":"\"div\" | \"span\" | \"p\" | ExoticComponent<{}>","description":"The HTML element or React component rendered as the elements root."},"emulateBoldWidth":{"type":"boolean","description":"Whether the elements width should match the width it would have with bold\ntext."},"noLigatures":{"type":"boolean","description":"Disables standard and contextual ligatures for predictable, literal text\nrendering."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"whiteSpace":{"type":"WhiteSpace","description":"The white-space property of the text."},"wordBreak":{"type":"\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"normal\" | \"auto-phrase\" | \"break-all\" | \"break-word\" | \"keep-all\"","description":"The word-break property of the text."},"wrap":{"type":"\"wrap\" | \"balance\" | \"pretty\"","description":"The text-wrap property of the text."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"FieldError":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<FieldErrorRenderProps>","default":"'react-aria-FieldError'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"dir":{"type":"string"},"elementType":{"type":"string","default":"'span'","description":"The HTML element type to render. Defaults to `'span'`.\nSet to `'div'` when using block-level children (e.g. `<ul>`) to avoid invalid HTML."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"lang":{"type":"string"},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"FileCard":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"className":{"type":"string","description":"The elements class name."},"download":{"type":"string | boolean","description":"Causes the browser to download the linked URL. A string may be provided to suggest a file name.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download)."},"elementType":{"type":"\"div\" | ExoticComponent<{}> | \"li\"","description":"The HTML element or React component rendered as the elements root."},"href":{"type":"string","description":"A URL to link to. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href)."},"imageSrc":{"type":"string","description":"The source of an image file."},"isFailed":{"type":"boolean","description":"Whether the file card is in a failed state."},"name":{"type":"string","description":"The name of the file."},"onDelete":{"type":"(() => void)","description":"Handler that is called when the file cards delete button is clicked."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"sizeInBytes":{"type":"number","description":"The size of the file in bytes."},"target":{"type":"HTMLAttributeAnchorTarget","description":"The target window for the link. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target)."},"type":{"type":"string","description":"The type of the file."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"FileCardList":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"columnGap":{"type":"\"s\" | \"m\" | \"l\" | \"xl\"","description":"Size of the column gap between the content blocks inside the column layout."},"gap":{"type":"\"s\" | \"m\" | \"l\" | \"xl\"","default":"\"m\"","description":"Size of the row and column gap between the content blocks inside the column\nlayout."},"l":{"type":"(number | null)[]","description":"Column layout for container size l."},"m":{"type":"(number | null)[]","description":"Column layout for container size m."},"rowGap":{"type":"\"s\" | \"m\" | \"l\" | \"xl\"","description":"Size of the row gap between the content blocks inside the column layout."},"s":{"type":"(number | null)[]","description":"Column layout for container size s."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"FileDropZone":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"isDisabled":{"type":"boolean","description":"Whether the drop target is disabled. If true, the drop target will not accept any drops."},"isReadOnly":{"type":"boolean","description":"Whether the component is read only."},"onChange":{"type":"FileInputOnChangeHandler","description":"Called with the dropped or selected files whenever the selection changes."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"FileField":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the component is read only."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"onChange":{"type":"FileInputOnChangeHandler","description":"Handler that is called when the file input changes."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Flex":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"align":{"type":"\"start\" | \"end\" | \"center\" | \"baseline\" | \"stretch\"","default":"\"start\"","description":"The alignItems value of the element."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"columnGap":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\"","description":"The columnGap size of the element."},"direction":{"type":"\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"row\" | \"column\" | \"column-reverse\" | \"row-reverse\"","default":"\"row\"","description":"The flexDirection value of the element."},"elementType":{"type":"\"div\" | \"span\" | \"p\" | \"main\" | ExoticComponent<{}> | \"aside\" | \"footer\" | \"header\" | \"li\" | \"ol\" | \"section\" | \"ul\"","description":"The HTML element or React component rendered as the elements root."},"gap":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\"","description":"The gap size of the element."},"grow":{"type":"boolean","description":"Whether the element should grow."},"justify":{"type":"JustifyContent","default":"\"start\"","description":"The justifyContent value of the element."},"padding":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\"","description":"The padding of the element."},"paddingBottom":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\"","description":"The padding bottom of the element."},"paddingLeft":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\"","description":"The padding left of the element."},"paddingRight":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\"","description":"The padding right of the element."},"paddingTop":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\"","description":"The padding top of the element."},"rowGap":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\"","description":"The rowGap size of the element."},"wrap":{"type":"\"wrap\" | \"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"nowrap\" | \"wrap-reverse\"","default":"\"nowrap\"","description":"The flexWrap value of the element."}}},"Form":{"importFrom":["@mittwald/flow-react-components/react-hook-form"],"level":"stable","remote":{"available":true},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"autoReset":{"type":"boolean | FormAutoResetOptions","default":"true","description":"When the form is reset to its default values. `true` resets it after the\nsurrounding modal has closed, `false` never resets it."},"form":{"type":"UseFormReturn<F>","required":true,"description":"The react-hook-form instance returned by `useForm()`."},"formComponent":{"type":"FC<Omit<FormComponentType, \"ref\">>","description":"The component rendered as the form element. Use it to render the form with\na routers form component. Defaults to a plain `<form />`."},"isReadOnly":{"type":"boolean","default":"false","description":"Whether all fields of the form can be read but not edited."},"onSubmit":{"type":"FormOnSubmitHandler<F>","required":true,"description":"Called with the validated form values when the form is submitted. Returning\na promise keeps the submit button pending until it settles."},"submitController":{"type":"{ submit: { (): Promise<void>; set(newSubmitHandler: () => void | Promise<void>): void; extend(submitController: ...): ...; }; }","description":"A controller to submit the form from outside of it."}}},"FormAction":{"importFrom":["@mittwald/flow-react-components/react-hook-form"],"level":"stable","remote":{"available":false},"props":{"children":{"type":"ReactNode"},"reset":{"type":"boolean"},"showFeedback":{"type":"boolean","description":"Whether success feedback is shown after the action succeeded. Asynchronous\nactions show feedback by default; set `false` to suppress it."},"submit":{"type":"boolean"}}},"FormRootError":{"importFrom":["@mittwald/flow-react-components/react-hook-form"],"level":"stable","remote":{"available":false},"props":{},"isNew":true},"FormSettingsProvider":{"importFrom":["@mittwald/flow-react-components/react-hook-form"],"level":"stable","remote":{"available":false},"props":{"children":{"type":"ReactNode"},"submitInterceptor":{"type":"SubmitInterceptor"}}},"Header":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"elementType":{"type":"\"div\" | \"span\" | ExoticComponent<{}> | \"header\"","description":"The HTML element or React component rendered as the elements root."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"HeaderNavigation":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\"","default":"\"default\"","description":"The color of the header navigation."}}},"Heading":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"className":{"type":"string","default":"'react-aria-Heading'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement."},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\" | \"danger\" | \"unavailable\"","default":"\"default\"","description":"The color of the heading."},"elementType":{"type":"\"span\" | \"p\" | ExoticComponent<{}>","description":"The HTML element or React component rendered as the elements root."},"level":{"type":"number","default":"3","description":"The heading level."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"size":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\" | \"xxl\"","description":"The font size of the heading."},"wrap":{"type":"\"wrap\" | \"balance\"","default":"undefined","description":"The text-wrap property of the text."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Icon":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"color":{"type":"IconWithCustomColor","description":"The color of the icon. Besides the Flow colors, any custom CSS color is\nsupported. Inherits the surrounding text color when unset."},"size":{"type":"\"s\" | \"m\" | \"l\"","default":"\"m\"","description":"The size of the icon."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\" | \"unavailable\"","description":"The elements status.\n@deprecated Use `color` instead.","deprecated":true},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"IllustratedMessage":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\" | \"danger\" | \"unavailable\"","default":"\"default\"","description":"The color of the illustrated message."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Image":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"aspectRatio":{"type":"number","description":"The aspect ratio of the images container. Larger images will be centered\nand their overflow will be hidden."},"withBorder":{"type":"boolean","description":"Display the image with border and rounded edges."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ImageCropper":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"aspectRatio":{"type":"number","description":"The aspect ratio of the crop shape."},"className":{"type":"string","description":"The elements class name."},"cropShape":{"type":"\"rect\" | \"round\""},"height":{"type":"Height<string | number>","default":"300","description":"The height of the component."},"image":{"type":"string | File","description":"The image file to crop."},"onCropComplete":{"type":"((croppedImage: File) => void)","description":"Callback on crop complete."},"width":{"type":"Width<string | number>","default":"300","description":"The width of the component."}},"isNew":true},"Initials":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-hidden":{"type":"boolean"},"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"InlineCode":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\"","default":"\"default\"","description":"The color schema of the inline code component."},"whiteSpace":{"type":"WhiteSpace","default":"undefined","description":"The white-space property of the inline code component."}}},"Kbd":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"isDisabled":{"type":"boolean","description":"Whether the component is displayed as disabled"},"keys":{"type":"string[]","description":"Array of keys to be joined"},"variant":{"type":"\"plain\" | \"soft\"","default":"\"plain\"","description":"The visual variant"},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}},"isNew":true},"Label":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"elementType":{"type":"string"},"isDisabled":{"type":"boolean","description":"Whether the label should be displayed as disabled."},"optional":{"type":"boolean","description":"Whether the label should show an \"optional\" indicator."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"LabeledValue":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."}}},"LayoutCard":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"elementType":{"type":"\"div\" | \"main\" | ExoticComponent<{}> | \"footer\" | \"header\"","description":"The HTML element or React component rendered as the elements root."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Legend":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."}}},"LightBox":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true,"excludedProps":["controller","wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"controller":{"type":"OverlayController","description":"An overlay controller to control the light box state."},"fitScreen":{"type":"boolean","default":"true","description":"Whether content can be displayed larger than the available space in the\nscreen."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"LightBoxTrigger":{"importFrom":["@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true,"excludedProps":["controller","wrapWith"]},"props":{"children":{"type":"ReactNode"},"controller":{"type":"OverlayController","description":"A controller to control the state of the overlay."},"isDefaultOpen":{"type":"boolean","description":"Whether the overlay should be open initially."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Link":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-current":{"type":"string","description":"Marks the link as the currently active one, e.g. in a navigation."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\"","default":"\"default\"","description":"The color of the link."},"dir":{"type":"string"},"download":{"type":"string | boolean","description":"Causes the browser to download the linked URL. A string may be provided to suggest a file name.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download)."},"hidden":{"type":"boolean"},"href":{"type":"string","description":"A URL to link to. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href)."},"hrefLang":{"type":"string","description":"Hints at the human language of the linked URL.\nSee[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#hreflang)."},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"inline":{"type":"boolean","description":"Whether the link should be styled for being displayed inside a text."},"isDisabled":{"type":"boolean","description":"Whether the link is disabled."},"lang":{"type":"string"},"linkComponent":{"type":"ComponentType<Omit<DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, \"ref\">>","description":"An alternative link component."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"ping":{"type":"string","description":"A space-separated list of URLs to ping when the link is followed. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#ping)."},"referrerPolicy":{"type":"\"\" | \"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"same-origin\" | \"strict-origin\" | \"strict-origin-when-cross-origin\" | \"unsafe-url\"","description":"How much of the referrer to send when following the link. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy)."},"rel":{"type":"string","description":"The relationship between the linked resource and the current page. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"routerOptions":{"type":"undefined","description":"Options for the configured client side router."},"size":{"type":"\"s\" | \"m\"","default":"\"m\"","description":"The size of the element."},"slot":{"type":"string","description":"The name of the slot the link is placed in."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"target":{"type":"HTMLAttributeAnchorTarget","description":"The target window for the link. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target)."},"translate":{"type":"\"yes\" | \"no\""},"whiteSpace":{"type":"WhiteSpace","description":"The whiteSpace css value of the element."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"LinkProvider":{"importFrom":["@mittwald/flow-react-components/nextjs"],"level":"deprecated","remote":{"available":false},"props":{"children":{"type":"ReactNode"}},"deprecationNotice":"Use RouterProvider instead"},"List":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"accordion":{"type":"boolean","default":"false","description":"Makes list items expandable. The expanded content is placed in `<Content\nslot=\"bottom\" />`."},"aria-label":{"type":"string","description":"An accessible label for the list."},"aria-labelledby":{"type":"string","description":"The ID of the element labelling the list."},"batchSize":{"type":"number","description":"The number of items to be displayed on one page."},"children":{"type":"ReactNode"},"defaultSelectedKeys":{"type":"\"all\" | Iterable<Key>","description":"The initial selected keys in the collection (uncontrolled)."},"defaultViewMode":{"type":"\"list\" | \"table\" | \"tiles\"","default":"\"list\"","description":"The view mode the list starts in. A persisted view mode takes precedence."},"disabledKeys":{"type":"Iterable<Key>","description":"The currently disabled keys in the collection (controlled)."},"disallowEmptySelection":{"type":"boolean","description":"Whether the collection allows empty selection."},"emptySearchResultView":{"type":"ReactNode","description":"The view rendered when a search or filter returns no results."},"emptyView":{"type":"ReactNode","description":"The view rendered when the list contains no items."},"getItemId":{"type":"GetItemId<never>","description":"Derives a stable ID from an items data. Used to deduplicate items across\nloaded batches and as the row ID in the table view."},"hidePagination":{"type":"boolean","default":"false","description":"Hides the pagination controls below the list."},"infiniteScroll":{"type":"boolean","default":"false","description":"Automatically loads the next batch of items when the user scrolls to the\nend of the list, instead of showing a \"Show more\" button."},"loadingItemsCount":{"type":"number","description":"The number of skeleton placeholder items rendered while data is loading.\nDefaults to the lists batch size."},"onAction":{"type":"ItemActionFn<never>","description":"Called with the items data when the user activates a list item."},"onChange":{"type":"OnListChanged<never, unknown>","description":"Called with the list model whenever its state changes."},"onSelectionChange":{"type":"((keys: Selection) => void)","description":"Handler that is called when the selection changes."},"selectedKeys":{"type":"\"all\" | Iterable<Key>","description":"The currently selected keys in the collection (controlled)."},"selectionBehavior":{"type":"\"toggle\" | \"replace\"","description":"Whether selecting an item replaces the current selection (`\"replace\"`) or\nadds to it (`\"toggle\"`)."},"selectionMode":{"type":"\"multiple\" | \"none\" | \"single\"","description":"The type of selection that is allowed in the collection."},"settingStorageKey":{"type":"string","description":"The key the lists settings (view mode, search, filters, sorting) are\npersisted under. Requires a `<SettingsProvider />` — without a key nothing\nis persisted."},"settingsStorageDefaults":{"type":"ListSettingsStorageDefaults","description":"Defaults for how the lists settings are persisted."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ListItemView":{"importFrom":["@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true},"props":{"avatar":{"type":"ReactNode"},"bottom":{"type":"ReactNode"},"button":{"type":"ReactNode"},"checkbox":{"type":"ReactNode"},"children":{"type":"ReactNode"},"l":{"type":"(number | null)[]","description":"Column layout for container size l."},"m":{"type":"(number | null)[]","description":"Column layout for container size m."},"s":{"type":"(number | null)[]","description":"Column layout for container size s."},"subTitle":{"type":"ReactNode"},"title":{"type":"ReactNode"},"viewMode":{"type":"\"list\" | \"table\" | \"tiles\""}}},"LoadingSpinner":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\"","default":"\"default\"","description":"The color of the loading spinner."},"size":{"type":"\"s\" | \"m\" | \"l\"","default":"\"m\"","description":"The size of the icon."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\" | \"unavailable\"","description":"The elements status.\n@deprecated Use `color` instead.","deprecated":true},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Markdown":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["components","ref"]},"props":{"allowElement":{"type":"AllowElement","description":"Filter elements (optional);\n`allowedElements` / `disallowedElements` is used first."},"allowedElements":{"type":"readonly string[]","description":"Tag names to allow (default: all tag names);\ncannot combine w/ `disallowedElements`."},"children":{"type":"ReactNode","description":"Markdown."},"className":{"type":"string","description":"The elements class name."},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\"","default":"\"default\"","description":"The color schema of the markdown component."},"components":{"type":"Components","description":"Allows overriding markdown element renderers from outside."},"disallowedElements":{"type":"readonly string[]","description":"Tag names to disallow (default: `[]`);\ncannot combine w/ `allowedElements`."},"headingOffset":{"type":"number","default":"0","description":"Shifts all heading levels by the given offset."},"ref":{"type":"Ref<HTMLDivElement>","description":"A ref to the elements root."},"rehypePlugins":{"type":"PluggableList","description":"List of rehype plugins to use."},"remarkPlugins":{"type":"PluggableList","description":"List of remark plugins to use."},"remarkRehypeOptions":{"type":"Readonly<Options>","description":"Options to pass through to `remark-rehype`."},"skipHtml":{"type":"boolean","description":"Ignore HTML in markdown completely (default: `false`)."},"unwrapDisallowed":{"type":"boolean","description":"Extract (unwrap) what’s in disallowed elements (default: `false`);\nnormally when say `strong` is not allowed, it and it’s children are dropped,\nwith `unwrapDisallowed` the element itself is replaced by its children."},"urlTransform":{"type":"UrlTransform","description":"Change URLs (default: `defaultUrlTransform`)"}}},"MarkdownEditor":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"allowHorizontalResize":{"type":"boolean","description":"@deprecated Use `allowResize` instead.","deprecated":true},"allowResize":{"type":"boolean | \"horizontal\" | \"vertical\"","description":"Allows the user to manually resize the textArea horizontally."},"allowVerticalResize":{"type":"boolean","description":"@deprecated Use `allowResize` instead.","deprecated":true},"aria-activedescendant":{"type":"string","description":"Identifies the currently active element when DOM focus is on a composite widget, textbox,\ngroup, or application."},"aria-autocomplete":{"type":"\"list\" | \"none\" | \"inline\" | \"both\"","description":"Indicates whether inputting text could trigger display of one or more predictions of the user's\nintended value for an input and specifies how predictions would be presented if they are made."},"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-haspopup":{"type":"boolean | \"false\" | \"true\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\"","description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that\ncan be triggered by an element."},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoComplete":{"type":"string","description":"Describes the type of autocomplete functionality the input should provide if any. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete)."},"autoCorrect":{"type":"string","description":"An attribute that takes as its value a space-separated string that describes what, if any, type\nof autocomplete functionality the input should provide. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete)."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"autoResizeMaxRows":{"type":"number","description":"Whether the text area should grow if its content gets longer than its\ninitial height."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<TextFieldRenderProps>","default":"'react-aria-TextField'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"enterKeyHint":{"type":"\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\"","description":"An enumerated attribute that defines what action label or icon to preset for the enter key on\nvirtual keyboards. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)."},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"headingOffset":{"type":"number","default":"0","description":"Shifts all heading levels by the given offset."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"inputMode":{"type":"\"text\" | \"none\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"numeric\" | \"decimal\"","description":"Hints at the type of data that might be entered by the user while editing the element or its\ncontents. See\n[MDN](https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute)."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"markdownComponent":{"type":"ComponentType<MarkdownProps>","description":"Allows replacing the markdown preview renderer implementation. Defaults to\nthe internal `Markdown` component."},"maxLength":{"type":"number","description":"The maximum number of characters supported by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefmaxlength)."},"minLength":{"type":"number","description":"The minimum number of characters required by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefminlength)."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBeforeInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is about to be modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onCompositionEnd":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system completes or cancels the current text\ncomposition session. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event)."},"onCompositionStart":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system starts a new text composition session.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event)."},"onCompositionUpdate":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a new character is received in the current text composition\nsession. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event)."},"onCopy":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user copies text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncopy)."},"onCut":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user cuts text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncut)."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPaste":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user pastes text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/onpaste)."},"onSelect":{"type":"ReactEventHandler<HTMLInputElement>","description":"Handler that is called when text in the input is selected. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."},"pattern":{"type":"string","description":"Regex pattern that the value of the input must match to be valid. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefpattern)."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"showCharacterCount":{"type":"boolean","description":"Whether a character count should be displayed inside the field description."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"spellCheck":{"type":"string","description":"An enumerated attribute that defines whether the element may be checked for spelling errors.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck)."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"type":{"type":"\"text\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"password\" | (string & {})","default":"'text'","description":"The type of input to render. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype)."},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"MenuItem":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-current":{"type":"string","description":"Marks the menu item as referring to the currently active page."},"aria-disabled":{"type":"boolean","description":"Disables button but keeps it focusable."},"aria-label":{"type":"string","description":"An accessibility label for this item."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<MenuItemRenderProps>","default":"'react-aria-MenuItem'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"dir":{"type":"string"},"download":{"type":"string | boolean","description":"Causes the browser to download the linked URL. A string may be provided to suggest a file name.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download)."},"hidden":{"type":"boolean"},"href":{"type":"string","description":"A URL to link to. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href)."},"hrefLang":{"type":"string","description":"Hints at the human language of the linked URL.\nSee[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#hreflang)."},"id":{"type":"Key","description":"The unique id of the item."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the item is disabled."},"isFailed":{"type":"boolean","description":"Whether the button is in a failed state."},"isPending":{"type":"boolean","description":"Whether the button is in a pending state."},"isSucceeded":{"type":"boolean","description":"Whether the button is in a succeeded state."},"lang":{"type":"string"},"onAction":{"type":"(() => void)","description":"Handler that is called when the item is selected."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"ping":{"type":"string","description":"A space-separated list of URLs to ping when the link is followed. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#ping)."},"referrerPolicy":{"type":"\"\" | \"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"same-origin\" | \"strict-origin\" | \"strict-origin-when-cross-origin\" | \"unsafe-url\"","description":"How much of the referrer to send when following the link. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy)."},"rel":{"type":"string","description":"The relationship between the linked resource and the current page. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"routerOptions":{"type":"undefined","description":"Options for the configured client side router."},"selectionVariant":{"type":"\"navigation\" | \"switch\" | \"control\""},"shouldCloseOnSelect":{"type":"boolean","description":"Whether the menu should close when the menu item is selected."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"target":{"type":"HTMLAttributeAnchorTarget","description":"The target window for the link. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target)."},"textValue":{"type":"string","description":"A string representation of the item's contents, used for features like typeahead."},"translate":{"type":"\"yes\" | \"no\""},"value":{"type":"object","description":"The object value that this item represents. When using dynamic collections, this is set\nautomatically."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Message":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"color":{"type":"string","description":"A custom background color of the message as a CSS color value."},"elementType":{"type":"\"article\" | ExoticComponent<{}> | \"li\"","description":"The HTML element or React component rendered as the elements root."},"type":{"type":"\"responder\" | \"sender\"","default":"\"responder\"","description":"Determines the color and orientation of the message."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"MessageThread":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Modal":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true,"excludedProps":["controller","wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"confirmOnClose":{"type":"boolean","description":"Whether closing the modal must be confirmed – use it to protect unsaved\nchanges."},"controller":{"type":"OverlayController","description":"An overlay controller to control the modal state."},"isDefaultOpen":{"type":"boolean","default":"false","description":"Whether the overlay is open initially. Use it for an uncontrolled overlay."},"isDismissable":{"type":"boolean","description":"Whether the modal can be closed by clicking outside of it."},"isOpen":{"type":"boolean","description":"Whether the overlay is open. Use it to control the overlay state."},"offCanvas":{"type":"boolean","description":"Whether the modal should be displayed as an off canvas."},"offCanvasOrientation":{"type":"\"left\" | \"right\"","default":"\"right\"","description":"Whether the off canvas should be displayed on the right or left side of the\nscreen."},"onClose":{"type":"OverlayCloseHandler","description":"Called when the overlay is closed."},"onOpen":{"type":"OverlayOpenHandler","description":"Called when the overlay is opened."},"onOpenChange":{"type":"OverlayOpenStateHandler","description":"Called with the new open state whenever the overlay is opened or closed."},"showCloseButton":{"type":"boolean","description":"Whether the close button should be visible"},"size":{"type":"\"s\" | \"m\" | \"l\"","default":"\"s\"","description":"The size of the modal."},"slot":{"type":"string","description":"Accepts \"actionConfirm\" to use the modal as a confirmation modal for an\naction."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ModalTrigger":{"importFrom":["@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true,"excludedProps":["controller","wrapWith"]},"props":{"children":{"type":"ReactNode"},"controller":{"type":"OverlayController","description":"A controller to control the state of the overlay."},"isDefaultOpen":{"type":"boolean","description":"Whether the overlay should be open initially."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Navigation":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Notification":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"autoClose":{"type":"boolean","description":"Whether the notification should disappear automatically after some time."},"href":{"type":"string","description":"A link that is triggered when clicking the notification."},"onClick":{"type":"(() => void)","description":"Handler that is called when the notification is clicked."},"onClose":{"type":"(() => void)","description":"Handler that is called when the close button of the notification is\nclicked."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\" | \"unavailable\"","description":"The elements status"}}},"NotificationProvider":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."}}},"NumberField":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<NumberFieldRenderProps>","default":"'react-aria-NumberField'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"commitBehavior":{"type":"\"validate\" | \"snap\"","default":"'snap'","description":"Controls the behavior of the number field when the user blurs the field after editing. 'snap'\nwill clamp the value to the min/max values, and snap to the nearest step value. 'validate' will\nnot clamp the value, and will validate that the value is within the min/max range and on a\nvalid step."},"decrementAriaLabel":{"type":"string","description":"A custom aria-label for the decrement button. If not provided, the localized string \"Decrement\"\nis used."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"formatOptions":{"type":"NumberFormatOptions","description":"Formatting options for the value displayed in the number field.\nThis also affects what characters are allowed to be typed by the user."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"incrementAriaLabel":{"type":"string","description":"A custom aria-label for the increment button. If not provided, the localized string \"Increment\"\nis used."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"isWheelDisabled":{"type":"boolean","description":"Enables or disables changing the value with scroll."},"lang":{"type":"string"},"maxValue":{"type":"number","description":"The largest value allowed for the input."},"minValue":{"type":"number","description":"The smallest value allowed for the input."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBeforeInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is about to be modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onCompositionEnd":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system completes or cancels the current text\ncomposition session. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event)."},"onCompositionStart":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system starts a new text composition session.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event)."},"onCompositionUpdate":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a new character is received in the current text composition\nsession. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event)."},"onCopy":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user copies text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncopy)."},"onCut":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user cuts text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncut)."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPaste":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user pastes text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/onpaste)."},"onSelect":{"type":"ReactEventHandler<HTMLInputElement>","description":"Handler that is called when text in the input is selected. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"step":{"type":"number","description":"The amount that the input value changes with each increment or decrement \"tick\"."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Option":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-label":{"type":"string","description":"An accessibility label for this item."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<ListBoxItemRenderProps>","default":"'react-aria-ListBoxItem'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"dir":{"type":"string"},"download":{"type":"string | boolean","description":"Causes the browser to download the linked URL. A string may be provided to suggest a file name.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download)."},"hidden":{"type":"boolean"},"href":{"type":"string","description":"A URL to link to. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href)."},"hrefLang":{"type":"string","description":"Hints at the human language of the linked URL.\nSee[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#hreflang)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the item is disabled."},"lang":{"type":"string"},"onAction":{"type":"(() => void)","description":"Handler that is called when a user performs an action on the item. The exact user event depends\non the collection's `selectionBehavior` prop and the interaction modality."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"ping":{"type":"string","description":"A space-separated list of URLs to ping when the link is followed. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#ping)."},"referrerPolicy":{"type":"\"\" | \"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"same-origin\" | \"strict-origin\" | \"strict-origin-when-cross-origin\" | \"unsafe-url\"","description":"How much of the referrer to send when following the link. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy)."},"rel":{"type":"string","description":"The relationship between the linked resource and the current page. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"routerOptions":{"type":"undefined","description":"Options for the configured client side router."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"target":{"type":"HTMLAttributeAnchorTarget","description":"The target window for the link. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target)."},"textValue":{"type":"string","description":"A string representation of the item's contents, used for features like typeahead."},"translate":{"type":"\"yes\" | \"no\""},"value":{"type":"string | number"},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Overlay":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":false},"props":{"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"confirmOnClose":{"type":"boolean","description":"Whether closing the overlay must be confirmed."},"controller":{"type":"OverlayController","description":"The controller to control the overlay state."},"isDefaultOpen":{"type":"boolean","default":"false","description":"Whether the overlay is open initially. Use it for an uncontrolled overlay."},"isDismissable":{"type":"boolean","description":"Whether the overlay can be closed by clicking outside of it."},"isOpen":{"type":"boolean","description":"Whether the overlay is open. Use it to control the overlay state."},"onClose":{"type":"OverlayCloseHandler","description":"Called when the overlay is closed."},"onOpen":{"type":"OverlayOpenHandler","description":"Called when the overlay is opened."},"onOpenChange":{"type":"OverlayOpenStateHandler","description":"Called with the new open state whenever the overlay is opened or closed."},"overlayType":{"type":"\"LightBox\" | \"Modal\"","description":"Whether the overlay is a modal or a light box."},"ref":{"type":"Ref<HTMLDivElement>"}}},"OverlayTrigger":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":false},"props":{"children":{"type":"ReactNode"},"component":{"type":"AriaComponentType","required":true},"controller":{"type":"OverlayController","description":"A controller to control the state of the overlay."},"isDefaultOpen":{"type":"boolean","description":"Whether the overlay should be open initially."},"overlayType":{"type":"\"AccentBox\" | \"Action\" | \"ActionGroup\" | \"Accordion\" | \"Alert\" | \"AlertBadge\" | \"AlertIcon\" | \"AlertText\" | \"Align\" | \"Combine\" | \"Avatar\" | \"Autocomplete\" | \"Badge\" | \"Button\" | \"CodeEditor\" | \"Chat\" | \"Checkbox\" | \"CheckboxButton\" | \"CheckboxGroup\" | \"ColumnLayout\" | \"ComboBox\" | \"Content\" | \"ContextMenu\" | \"ContextMenuSection\" | \"ContextMenuTrigger\" | \"ContextualHelp\" | \"ContextualHelpTrigger\" | \"CopyButton\" | \"CounterBadge\" | \"CountryOptions\" | \"DatePicker\" | \"DateRangePicker\" | \"FieldDescription\" | \"FieldError\" | \"FileCard\" | \"FileCardList\" | \"FileField\" | \"FileDropZone\" | \"Header\" | \"Heading\" | \"TabNavigation\" | \"Icon\" | \"IllustratedMessage\" | \"Image\" | \"Initials\" | \"Label\" | \"LayoutCard\" | \"LightBox\" | \"LightBoxGallery\" | \"LightBoxGalleryItem\" | \"Link\" | \"List\" | \"ListItemView\" | \"ListSummary\" | \"MarkdownEditor\" | \"MenuItem\" | \"MenuTrigger\" | \"Message\" | \"MessageThread\" | \"Modal\" | \"ModalTrigger\" | \"Navigation\" | \"NavigationGroup\" | \"NumberField\" | \"Option\" | \"Options\" | \"Popover\" | \"PopoverTrigger\" | \"PasswordCreationField\" | \"ProgressBar\" | \"Radio\" | \"RadioButton\" | \"RadioGroup\" | \"Rating\" | \"RatingSegment\" | \"SearchField\" | \"Section\" | \"Segment\" | \"SegmentedControl\" | \"Select\" | \"Kbd\" | \"SectionHeader\" | \"Slider\" | \"Switch\" | \"Tabs\" | \"TabTitle\" | \"Text\" | \"TextArea\" | \"TextField\" | \"TimeField\"","required":true},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"PasswordCreationField":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-activedescendant":{"type":"string","description":"Identifies the currently active element when DOM focus is on a composite widget, textbox,\ngroup, or application."},"aria-autocomplete":{"type":"\"list\" | \"none\" | \"inline\" | \"both\"","description":"Indicates whether inputting text could trigger display of one or more predictions of the user's\nintended value for an input and specifies how predictions would be presented if they are made."},"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-haspopup":{"type":"boolean | \"false\" | \"true\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\"","description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that\ncan be triggered by an element."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoComplete":{"type":"string","description":"Describes the type of autocomplete functionality the input should provide if any. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete)."},"autoCorrect":{"type":"string","description":"An attribute that takes as its value a space-separated string that describes what, if any, type\nof autocomplete functionality the input should provide. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete)."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<TextFieldRenderProps>","default":"'react-aria-TextField'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"string","description":"The initial password of an uncontrolled field."},"dir":{"type":"string"},"enterKeyHint":{"type":"\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\"","description":"An enumerated attribute that defines what action label or icon to preset for the enter key on\nvirtual keyboards. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)."},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"inputMode":{"type":"\"text\" | \"none\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"numeric\" | \"decimal\"","description":"Hints at the type of data that might be entered by the user while editing the element or its\ncontents. See\n[MDN](https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute)."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"maxLength":{"type":"number","description":"The maximum number of characters supported by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefmaxlength)."},"minLength":{"type":"number","description":"The minimum number of characters required by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefminlength)."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBeforeInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is about to be modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onCompositionEnd":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system completes or cancels the current text\ncomposition session. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event)."},"onCompositionStart":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system starts a new text composition session.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event)."},"onCompositionUpdate":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a new character is received in the current text composition\nsession. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event)."},"onCopy":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user copies text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncopy)."},"onCut":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user cuts text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncut)."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPaste":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user pastes text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/onpaste)."},"onSelect":{"type":"ReactEventHandler<HTMLInputElement>","description":"Handler that is called when text in the input is selected. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."},"onValidationResult":{"type":"((result: { password: string; isValid: boolean; }) => void)","description":"Called with the password and its validity whenever the password changes."},"pattern":{"type":"string","description":"Regex pattern that the value of the input must match to be valid. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefpattern)."},"placeholder":{"type":"string","description":"The placeholder shown while the field is empty."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"spellCheck":{"type":"string","description":"An enumerated attribute that defines whether the element may be checked for spelling errors.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck)."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"type":{"type":"\"text\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"password\" | (string & {})","default":"'text'","description":"The type of input to render. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype)."},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"validationErrors":{"type":"string[]","description":"The current error messages for the input if it is invalid, otherwise an empty array."},"validationPolicy":{"type":"PolicyGenericDeclaration","default":"defaultPasswordCreationPolicy","description":"The policy the password is validated against."},"value":{"type":"string","description":"The password of a controlled field."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Popover":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true,"excludedProps":["controller","render","style","wrapWith"]},"props":{"UNSTABLE_portalContainer":{"type":"Element","default":"document.body","description":"The container element in which the overlay portal will be placed. This may have unknown\nbehavior depending on where it is portalled to.\n@deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.","deprecated":true},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"arrowBoundaryOffset":{"type":"number","default":"0","description":"The minimum distance the arrow's edge should be from the edge of the overlay element."},"arrowRef":{"type":"RefObject<Element | null>","description":"A ref for the popover arrow element."},"boundaryElement":{"type":"Element","default":"document.body","description":"Element that that serves as the positioning boundary."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<PopoverRenderProps>","default":"'react-aria-Popover'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"containerPadding":{"type":"number","default":"12","description":"The placement padding that should be applied between the element and its\nsurrounding container."},"controller":{"type":"OverlayController","description":"An overlay controller to control the popover state."},"crossOffset":{"type":"number","default":"0","description":"The additional offset applied along the cross axis between the element and its\nanchor element."},"defaultOpen":{"type":"boolean","description":"Whether the overlay is open by default (uncontrolled)."},"dir":{"type":"string"},"getTargetRect":{"type":"((target: Element) => DOMRect | null)","default":"target.getBoundingClientRect()","description":"Overrides the target element's bounding rectangle. Useful for positioning relative to\na specific point such as the mouse cursor (e.g. context menus) or text selection.\n@param target - The target element."},"hidden":{"type":"boolean"},"inert":{"type":"boolean"},"isDialogContent":{"type":"boolean","description":"Whether the popover contains a dialog."},"isEntering":{"type":"boolean","description":"Whether the popover is currently performing an entry animation."},"isExiting":{"type":"boolean","description":"Whether the popover is currently performing an exit animation."},"isKeyboardDismissDisabled":{"type":"boolean","default":"false","description":"Whether pressing the escape key to close the popover should be disabled.\n\nMost popovers should not use this option. When set to true, an alternative\nway to close the popover with a keyboard must be provided."},"isNonModal":{"type":"boolean","description":"Whether the popover is non-modal, i.e. elements outside the popover may be\ninteracted with by assistive technologies.\n\nMost popovers should not use this option as it may negatively impact the screen\nreader experience. Only use with components such as combobox, which are designed\nto handle this situation carefully."},"isOpen":{"type":"boolean","description":"Whether the overlay is open by default (controlled)."},"lang":{"type":"string"},"maxHeight":{"type":"number","description":"The maxHeight specified for the overlay element.\nBy default, it will take all space up to the current viewport height."},"offset":{"type":"number","default":"8","description":"The additional offset applied along the main axis between the element and its\nanchor element."},"onBlurWithin":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the target element and all descendants lose focus."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocusWithin":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the target element or a descendant receives focus."},"onFocusWithinChange":{"type":"((isFocusWithin: boolean) => void)","description":"Handler that is called when the the focus within state changes."},"onOpenChange":{"type":"((isOpen: boolean) => void)","description":"Handler that is called when the overlay's open state changes."},"placement":{"type":"\"bottom\" | \"bottom left\" | \"bottom right\" | \"bottom start\" | \"bottom end\" | \"top\" | \"top left\" | \"top right\" | \"top start\" | \"top end\" | \"left\" | \"left top\" | \"left bottom\" | \"start\" | \"start top\" | \"start bottom\" | \"right\" | \"right top\" | \"right bottom\" | \"end\" | \"end top\" | \"end bottom\"","default":"'bottom'","description":"The placement of the element with respect to its anchor element."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"scrollRef":{"type":"RefObject<Element | null>","default":"overlayRef","description":"A ref for the scrollable region within the overlay."},"shouldCloseOnInteractOutside":{"type":"((element: Element) => boolean)","description":"When user interacts with the argument element outside of the popover ref,\nreturn true if onClose should be called. This gives you a chance to filter\nout interaction with elements that should not dismiss the popover.\nBy default, onClose will always be called on interaction outside the popover ref."},"shouldFlip":{"type":"boolean","default":"true","description":"Whether the element should flip its orientation (e.g. top to bottom or left to right) when\nthere is insufficient room for it to render completely."},"shouldSkipAnimation":{"type":"boolean","description":"Whether the popover should appear and disappear without an entry or exit animation. This is\nused by components such as PreviewTrigger to skip animations when quickly swapping between\noverlays."},"shouldUpdatePosition":{"type":"boolean","default":"true","description":"Whether the overlay should update its position automatically."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"trigger":{"type":"string","description":"The name of the component that triggered the popover. This is reflected on the element\nas the `data-trigger` attribute, and can be used to provide specific\nstyles for the popover depending on which element triggered it."},"triggerRef":{"type":"RefObject<Element | null>","description":"The ref for the element which the popover positions itself with respect to.\n\nWhen used within a trigger component such as DialogTrigger, MenuTrigger, Select, etc.,\nthis is set automatically. It is only required when used standalone."},"width":{"type":"string | number","description":"A fixed width for the popover."},"withTip":{"type":"boolean","description":"Whether the popover should display a tip, pointing towards the trigger\nelement."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"PopoverTrigger":{"importFrom":["@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true,"excludedProps":["controller","wrapWith"]},"props":{"children":{"type":"ReactNode"},"controller":{"type":"OverlayController","description":"A controller to control the state of the overlay."},"isDefaultOpen":{"type":"boolean","description":"Whether the overlay should be open initially."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ProgressBar":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<ProgressBarRenderProps>","default":"'react-aria-ProgressBar'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"dir":{"type":"string"},"formatOptions":{"type":"NumberFormatOptions","default":"{ style: 'percent' }","description":"The display format of the value label."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isIndeterminate":{"type":"boolean","description":"Whether presentation is indeterminate when progress isn't known."},"lang":{"type":"string"},"maxValue":{"type":"number","default":"100","description":"The largest value allowed for the input."},"minValue":{"type":"number","default":"0","description":"The smallest value allowed for the input."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"segments":{"type":"{ value: number; title: string; color?: CategoricalWithCustomColor; valueText?: string; }[]","description":"Divides the fill of the progress bar into segments"},"showLegend":{"type":"boolean","default":":\ntrue","description":"Whether the legend component is shown when segments are used."},"showMaxValue":{"type":"boolean","description":"Whether the max value should be displayed."},"size":{"type":"\"s\" | \"m\" | \"l\"","default":"\"m\"","description":"The size variant of the progress bar."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\"","description":"The status the progress bar is colored by."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"value":{"type":"number","default":"0","description":"The current value (controlled)."},"valueLabel":{"type":"ReactNode","description":"The content to display as the value's label (e.g. 1 of 4)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"RadioGroup":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<RadioGroupRenderProps>","default":"'react-aria-RadioGroup'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"l":{"type":"(number | null)[]","description":"Column layout for container size l."},"lang":{"type":"string"},"m":{"type":"(number | null)[]","description":"Column layout for container size m."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"orientation":{"type":"\"horizontal\" | \"vertical\"","default":"'vertical'","description":"The axis the Radio Button(s) should align with."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"s":{"type":"(number | null)[]","description":"Column layout for container size s."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"RangeCalendar":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style"]},"props":{"allowsNonContiguousRanges":{"type":"boolean","description":"When combined with `isDateUnavailable`, determines whether non-contiguous ranges,\ni.e. ranges containing unavailable dates, may be selected."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean","default":"false","description":"Whether to automatically focus the calendar when it mounts."},"className":{"type":"ClassNameOrFunction<RangeCalendarRenderProps>","default":"'react-aria-RangeCalendar'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"commitBehavior":{"type":"\"select\" | \"reset\" | \"clear\"","default":"'select'","description":"Controls the behavior when a pointer is released outside the calendar or a blur occurs mid\nselection:\n\n- `clear`: clear the currently selected range of dates.\n- `reset`: reset the selection to the previously selected range of dates.\n- `select`: select the currently hovered range of dates."},"createCalendar":{"type":"((identifier: CalendarIdentifier) => Calendar)","description":"A function to create a new\n[Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html) object for a\ngiven calendar identifier. If not provided, the `createCalendar` function from\n`@internationalized/date` will be used."},"defaultFocusedValue":{"type":"DateValue","description":"The date that is focused when the calendar first mounts (uncontrolled)."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"firstDayOfWeek":{"type":"\"sun\" | \"mon\" | \"tue\" | \"wed\" | \"thu\" | \"fri\" | \"sat\"","description":"The day that starts the week."},"focusedValue":{"type":"DateValue","description":"Controls the currently focused date within the calendar."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDateUnavailable":{"type":"((date: DateValue, anchorDate: CalendarDate | null) => boolean)","description":"Callback that is called for each date of the calendar. If it returns true, then the date is\nunavailable. The second argument provides the current selection anchor date, if any. This can\nbe used to adjust the available dates based on the user's first selected date."},"isDisabled":{"type":"boolean","default":"false","description":"Whether the calendar is disabled."},"isInvalid":{"type":"boolean","description":"Whether the current selection is invalid according to application logic."},"isReadOnly":{"type":"boolean","default":"false","description":"Whether the calendar value is immutable."},"lang":{"type":"string"},"maxValue":{"type":"DateValue","description":"The maximum allowed date that a user may select."},"minValue":{"type":"DateValue","description":"The minimum allowed date that a user may select."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocusChange":{"type":"((date: CalendarDate) => void)","description":"Handler that is called when the focused date changes."},"pageBehavior":{"type":"\"single\" | \"visible\"","default":"visible","description":"Controls the behavior of paging. Pagination either works by advancing the visible page by\nvisibleDuration (default) or one unit of visibleDuration."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"selectionAlignment":{"type":"\"start\" | \"end\" | \"center\"","default":"'center'","description":"Determines the alignment of the visible months on initial render based on the current selection\nor current date if there is no selection."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"value":{"type":"TimeValue","description":"The current value (controlled)."},"visibleDuration":{"type":"DateDuration","default":"{ months: 1 }","description":"The amount of days that will be displayed at once. This affects how pagination works."},"weeksInMonth":{"type":"number","description":"The number of weeks in a month. This overrides the default set by the locale."},"withDatePickerPresets":{"type":"boolean | DateRangePresets","default":"false","description":"Whether the calendar offers presets to pick a range with one click. Pass an\narray to replace the built-in presets with your own."}}},"Rating":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<RadioGroupRenderProps>","default":"'react-aria-RadioGroup'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"number","default":": 0","description":"The defaultValue sets the amount of default filled stars."},"dir":{"type":"string"},"fill":{"type":"\"single\" | \"cumulative\"","default":": cumulative","description":"How the segments are filled. `cumulative` fills every segment up to the\nvalue, `single` fills only the selected segment."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"iconEmpty":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"An alternative icon for the empty state"},"iconFilled":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"An alternative icon for the filled state"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"maxValue":{"type":"number","default":": 5","description":"The number of segments the rating consists of. Ignored when the rating has\n`RatingSegment` children — those define the number of segments themselves."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"orientation":{"type":"\"horizontal\" | \"vertical\"","default":"'vertical'","description":"The axis the Radio Button(s) should align with."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"size":{"type":"\"s\" | \"m\"","default":": \"m\"","description":"The size of the component."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"number","default":": 0","description":"The value sets the amount of filled stars."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ResetButton":{"importFrom":["@mittwald/flow-react-components/react-hook-form"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-current":{"type":"boolean | \"step\" | \"false\" | \"true\" | \"page\" | \"location\" | \"date\" | \"time\"","description":"Indicates whether this element represents the current item within a container or set of related\nelements."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-disabled":{"type":"boolean","description":"Disables button but keeps it focusable."},"aria-expanded":{"type":"boolean | \"false\" | \"true\"","description":"Indicates whether the element, or another grouping element it controls, is currently expanded\nor collapsed."},"aria-haspopup":{"type":"boolean | \"false\" | \"true\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\"","description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that\ncan be triggered by an element."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"aria-pressed":{"type":"boolean | \"false\" | \"true\" | \"mixed\"","description":"Indicates the current \"pressed\" state of toggle buttons."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode","description":"The children of the component. A function may be provided to alter the children based on\ncomponent state."},"className":{"type":"ClassNameOrFunction<ButtonRenderProps>","default":"'react-aria-Button'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"color":{"type":"\"dark\" | \"light\" | \"dark-static\" | \"light-static\" | \"success\" | \"danger\" | \"primary\" | \"secondary\" | \"accent\"","default":"\"primary\"","description":"The color of the button.\n@deprecatedValues accent"},"dir":{"type":"string"},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the button with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#form)."},"formAction":{"type":"string | ((formData: FormData) => void | Promise<void>)","description":"The URL that processes the information submitted by the button.\nOverrides the action attribute of the button's form owner."},"formEncType":{"type":"string","description":"Indicates how to encode the form data that is submitted."},"formMethod":{"type":"string","description":"Indicates the HTTP method used to submit the form."},"formNoValidate":{"type":"boolean","description":"Indicates that the form is not to be validated when it is submitted."},"formTarget":{"type":"string","description":"Overrides the target attribute of the button's form owner."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the button is disabled."},"isFailed":{"type":"boolean","description":"Whether the button is in a failed state."},"isPending":{"type":"boolean","description":"Whether the button is in a pending state."},"isReadOnly":{"type":"boolean","description":"Whether the button is in a read only state."},"isSucceeded":{"type":"boolean","description":"Whether the button is in a succeeded state."},"lang":{"type":"string"},"name":{"type":"string","description":"Submitted as a pair with the button's value as part of the form data."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"preventFocusOnPress":{"type":"boolean","description":"Whether to prevent focus from moving to the button when pressing it.\n\nCaution, this can make the button inaccessible and should only be used when alternative\nkeyboard interaction is provided, such as ComboBox's MenuTrigger or a NumberField's\nincrement/decrement control."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"size":{"type":"\"s\" | \"m\"","default":"\"m\"","description":"The size of the button."},"slot":{"type":"string","description":"Slot for button placement in action groups."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"type":{"type":"\"button\" | \"submit\" | \"reset\"","default":"'button'","description":"The behavior of the button when used in an HTML form."},"value":{"type":"string","description":"The value associated with the button's name when it's submitted with the form data."},"variant":{"type":"\"solid\" | \"plain\" | \"soft\" | \"outline\"","default":"\"solid\"","description":"The visual variant of the button."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"RouterProvider":{"importFrom":["@mittwald/flow-react-components/nextjs"],"level":"stable","remote":{"available":false},"props":{"children":{"type":"ReactNode"}}},"SearchField":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-activedescendant":{"type":"string","description":"Identifies the currently active element when DOM focus is on a composite widget, textbox,\ngroup, or application."},"aria-autocomplete":{"type":"\"list\" | \"none\" | \"inline\" | \"both\"","description":"Indicates whether inputting text could trigger display of one or more predictions of the user's\nintended value for an input and specifies how predictions would be presented if they are made."},"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-haspopup":{"type":"boolean | \"false\" | \"true\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\"","description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that\ncan be triggered by an element."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoComplete":{"type":"string","description":"Describes the type of autocomplete functionality the input should provide if any. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete)."},"autoCorrect":{"type":"string","description":"An attribute that takes as its value a space-separated string that describes what, if any, type\nof autocomplete functionality the input should provide. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete)."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<SearchFieldRenderProps>","default":"'react-aria-SearchField'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"enterKeyHint":{"type":"\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\"","description":"An enumerated attribute that defines what action label or icon to preset for the enter key on\nvirtual keyboards. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)."},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"inputMode":{"type":"\"text\" | \"none\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"numeric\" | \"decimal\"","description":"Hints at the type of data that might be entered by the user while editing the element or its\ncontents. See\n[MDN](https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute)."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"maxLength":{"type":"number","description":"The maximum number of characters supported by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefmaxlength)."},"minLength":{"type":"number","description":"The minimum number of characters required by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefminlength)."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBeforeInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is about to be modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClear":{"type":"(() => void)","description":"Handler that is called when the clear button is pressed."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onCompositionEnd":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system completes or cancels the current text\ncomposition session. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event)."},"onCompositionStart":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system starts a new text composition session.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event)."},"onCompositionUpdate":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a new character is received in the current text composition\nsession. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event)."},"onCopy":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user copies text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncopy)."},"onCut":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user cuts text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncut)."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPaste":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user pastes text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/onpaste)."},"onSelect":{"type":"ReactEventHandler<HTMLInputElement>","description":"Handler that is called when text in the input is selected. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."},"onSubmit":{"type":"((value: string) => void)","description":"Handler that is called when the SearchField is submitted."},"pattern":{"type":"string","description":"Regex pattern that the value of the input must match to be valid. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefpattern)."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"spellCheck":{"type":"string","description":"An enumerated attribute that defines whether the element may be checked for spelling errors.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck)."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"type":{"type":"\"text\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"password\" | (string & {})","default":"'search'","description":"The type of input to render. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype)."},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Section":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"SegmentedControl":{"importFrom":["@mittwald/flow-react-components"],"level":"deprecated","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<RadioGroupRenderProps>","default":"'react-aria-RadioGroup'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"containerBreakpointSize":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\"","description":"The breakpoint at which the element switches to its compact layout.\nEvaluated as a container query against the surrounding container, not\nagainst the viewport."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"orientation":{"type":"\"horizontal\" | \"vertical\"","default":"'vertical'","description":"The axis the Radio Button(s) should align with."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}},"deprecationNotice":"Use `Tabs` to switch content, or `RadioGroup` to select a value."},"Select":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"allowsEmptyCollection":{"type":"boolean","description":"Whether the select should be allowed to be open when the collection is empty."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoComplete":{"type":"string","description":"Describes the type of autocomplete functionality the input should provide if any. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete)."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"defaultOpen":{"type":"boolean","description":"Sets the default open state of the menu."},"defaultSelectedKey":{"type":"Key","description":"The initial selected key in the collection (uncontrolled).\n@deprecated","deprecated":true},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"disabledKeys":{"type":"Iterable<Key>","description":"The item keys that are disabled. These items cannot be selected, focused, or otherwise\ninteracted with."},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isOpen":{"type":"boolean","description":"Sets the open state of the menu."},"isReadOnly":{"type":"boolean","description":"Whether the component is read only."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"name":{"type":"string","description":"The name of the input, used when submitting an HTML form."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: Key | Key[] | null) => void)","description":"Handler that is called when the selected value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onOpenChange":{"type":"((isOpen: boolean) => void)","description":"Method that is called when the open state of the menu changes."},"onSelectionChange":{"type":"((value: Key | Key[] | null) => void)","description":"Handler that is called when the selection changes.\n@deprecated Use `onChange` instead.","deprecated":true},"placeholder":{"type":"string","default":"'Select an item' (localized)","description":"Temporary text that occupies the select when it is empty."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"selectedKey":{"type":"Key","description":"The currently selected key in the collection (controlled).\n@deprecated","deprecated":true},"selectionMode":{"type":"\"multiple\" | \"single\"","default":"'single'","description":"Whether single or multiple selection is enabled."},"shouldCloseOnSelect":{"type":"boolean","description":"Whether the Select should close when an item is selected. Defaults to true if selectionMode is\nsingle, false otherwise."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Separator":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"className":{"type":"string","default":"'react-aria-Separator'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement."},"dir":{"type":"string"},"elementType":{"type":"string","description":"The HTML element type that will be used to render the separator."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"lang":{"type":"string"},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"orientation":{"type":"\"horizontal\" | \"vertical\"","default":"'horizontal'","description":"The orientation of the separator."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""}}},"SettingsProvider":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"id":{"type":"string"},"middleware":{"type":"{ get?: GetSettingsMiddleware; set?: SetSettingsMiddleware; }"},"storageKey":{"type":"string","required":true},"store":{"type":"SettingsBackend","required":true},"type":{"type":"\"localStorage\" | \"custom\"","required":true}}},"Skeleton":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"height":{"type":"Height<string | number>","description":"The height of the skeleton."},"width":{"type":"Width<string | number>","description":"The width of the skeleton."}}},"SkeletonText":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"width":{"type":"Width<string | number>","description":"The width of the skeleton text."}}},"Slider":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode","description":"The children of the component. A function may be provided to alter the children based on\ncomponent state."},"className":{"type":"ClassNameOrFunction<SliderRenderProps>","default":"'react-aria-Slider'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"formatOptions":{"type":"NumberFormatOptions","description":"The display format of the value label."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the whole Slider is disabled."},"isInvalid":{"type":"boolean","description":"Whether the component is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the component is read only."},"lang":{"type":"string"},"maxValue":{"type":"number","default":"100","description":"The slider's maximum value."},"minValue":{"type":"number","default":"0","description":"The slider's minimum value."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onChangeEnd":{"type":"((value: number | number[]) => void)","description":"Fired when the slider stops moving, due to being let go."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"orientation":{"type":"\"horizontal\" | \"vertical\"","default":"'horizontal'","description":"The orientation of the Slider."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"showInitialMarker":{"type":"boolean","description":"Whether the marker for the initial value should be visible"},"sliderOnly":{"type":"boolean","description":"Hide Buttons, Label and Value"},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"step":{"type":"number","default":"1","description":"The slider's step value."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"SubmitButton":{"importFrom":["@mittwald/flow-react-components/react-hook-form"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-current":{"type":"boolean | \"step\" | \"false\" | \"true\" | \"page\" | \"location\" | \"date\" | \"time\"","description":"Indicates whether this element represents the current item within a container or set of related\nelements."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-disabled":{"type":"boolean","description":"Disables button but keeps it focusable."},"aria-expanded":{"type":"boolean | \"false\" | \"true\"","description":"Indicates whether the element, or another grouping element it controls, is currently expanded\nor collapsed."},"aria-haspopup":{"type":"boolean | \"false\" | \"true\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\"","description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that\ncan be triggered by an element."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"aria-pressed":{"type":"boolean | \"false\" | \"true\" | \"mixed\"","description":"Indicates the current \"pressed\" state of toggle buttons."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode","description":"The children of the component. A function may be provided to alter the children based on\ncomponent state."},"className":{"type":"ClassNameOrFunction<ButtonRenderProps>","default":"'react-aria-Button'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"color":{"type":"\"dark\" | \"light\" | \"dark-static\" | \"light-static\" | \"success\" | \"danger\" | \"primary\" | \"secondary\" | \"accent\"","default":"\"primary\"","description":"The color of the button.\n@deprecatedValues accent"},"dir":{"type":"string"},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the button with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#form)."},"formAction":{"type":"string | ((formData: FormData) => void | Promise<void>)","description":"The URL that processes the information submitted by the button.\nOverrides the action attribute of the button's form owner."},"formEncType":{"type":"string","description":"Indicates how to encode the form data that is submitted."},"formMethod":{"type":"string","description":"Indicates the HTTP method used to submit the form."},"formNoValidate":{"type":"boolean","description":"Indicates that the form is not to be validated when it is submitted."},"formTarget":{"type":"string","description":"Overrides the target attribute of the button's form owner."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the button is disabled."},"isFailed":{"type":"boolean","description":"Whether the button is in a failed state."},"isPending":{"type":"boolean","description":"Whether the button is in a pending state."},"isReadOnly":{"type":"boolean","description":"Whether the button is in a read only state."},"isSucceeded":{"type":"boolean","description":"Whether the button is in a succeeded state."},"lang":{"type":"string"},"name":{"type":"string","description":"Submitted as a pair with the button's value as part of the form data."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"preventFocusOnPress":{"type":"boolean","description":"Whether to prevent focus from moving to the button when pressing it.\n\nCaution, this can make the button inaccessible and should only be used when alternative\nkeyboard interaction is provided, such as ComboBox's MenuTrigger or a NumberField's\nincrement/decrement control."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"showFeedback":{"type":"boolean","description":"Whether success feedback is shown after the action succeeded. Asynchronous\nactions show feedback by default; set `false` to suppress it."},"size":{"type":"\"s\" | \"m\"","default":"\"m\"","description":"The size of the button."},"slot":{"type":"string","description":"Slot for button placement in action groups."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"type":{"type":"\"button\" | \"submit\" | \"reset\"","default":"'button'","description":"The behavior of the button when used in an HTML form."},"value":{"type":"string","description":"The value associated with the button's name when it's submitted with the form data."},"variant":{"type":"\"solid\" | \"plain\" | \"soft\" | \"outline\"","default":"\"solid\"","description":"The visual variant of the button."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"SuspenseTrigger":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":false},"props":{"show":{"type":"boolean"}}},"Switch":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<SwitchRenderProps>","default":"'react-aria-Switch'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultSelected":{"type":"boolean","description":"Whether the element should be selected (uncontrolled)."},"dir":{"type":"string"},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isSelected":{"type":"boolean","description":"Whether the element should be selected (controlled)."},"labelPosition":{"type":"\"leading\" | \"trailing\"","default":"\"trailing\"","description":"Whether the label should appear before or after the switch."},"lang":{"type":"string"},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((isSelected: boolean) => void)","description":"Handler that is called when the element's selection state changes."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"value":{"type":"string","description":"The value of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefvalue)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"TabNavigation":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}},"isNew":true},"Table":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode","description":"The elements that make up the table. Includes the TableHeader, TableBody, Columns, and Rows."},"className":{"type":"string","description":"The elements class name."},"defaultExpandedKeys":{"type":"Iterable<Key>","description":"The initial expanded keys in the collection (uncontrolled)."},"defaultSelectedKeys":{"type":"\"all\" | Iterable<Key>","description":"The initial selected keys in the collection (uncontrolled)."},"dir":{"type":"string"},"disabledBehavior":{"type":"\"all\" | \"selection\"","default":"'all'","description":"Whether `disabledKeys` applies to all interactions, or only selection."},"disabledKeys":{"type":"Iterable<Key>","description":"A list of row keys to disable."},"disallowEmptySelection":{"type":"boolean","description":"Whether the collection allows empty selection."},"dragAndDropHooks":{"type":"DragAndDropHooks","description":"The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for\nthe Table."},"escapeKeyBehavior":{"type":"\"none\" | \"clearSelection\"","default":"'clearSelection'","description":"Whether pressing the escape key should clear selection in the table or not.\n\nMost experiences should not modify this option as it eliminates a keyboard user's ability to\neasily clear selection. Only use if the escape key is being handled externally or should not\ntrigger selection clearing contextually."},"expandedKeys":{"type":"Iterable<Key>","description":"The currently expanded keys in the collection (controlled)."},"hidden":{"type":"boolean"},"inert":{"type":"boolean"},"keyboardNavigationBehavior":{"type":"\"tab\" | \"arrow\"","default":"'arrow'","description":"Whether keyboard navigation to focusable elements within the cells is\nvia the left/right arrow keys or the tab key."},"lang":{"type":"string"},"layout":{"type":"\"auto\" | \"fixed\"","default":"\"auto\"","description":"The column-sizing algorithm of the table. Use \"fixed\" together with column\nwidths to enforce exact widths."},"minWidth":{"type":"string | number","description":"The minimum width of the table. Below this width the table scrolls\nhorizontally instead of shrinking its columns."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onExpandedChange":{"type":"((keys: Set<Key>) => any)","description":"Handler that is called when items are expanded or collapsed."},"onRowAction":{"type":"((key: Key) => void)","description":"Handler that is called when a user performs an action on the row."},"onSelectionChange":{"type":"((keys: Selection) => void)","description":"Handler that is called when the selection changes."},"onSortChange":{"type":"((descriptor: SortDescriptor) => any)","description":"Handler that is called when the sorted column or direction changes."},"selectedKeys":{"type":"\"all\" | Iterable<Key>","description":"The currently selected keys in the collection (controlled)."},"selectionBehavior":{"type":"\"toggle\" | \"replace\"","default":"'toggle'","description":"How multiple selection should behave in the collection."},"selectionMode":{"type":"\"multiple\" | \"none\" | \"single\"","description":"The type of selection that is allowed in the collection."},"shouldSelectOnPressUp":{"type":"boolean","description":"Whether selection should occur on press up instead of press down."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"sortDescriptor":{"type":"SortDescriptor","description":"The current sorted column and direction."},"translate":{"type":"\"yes\" | \"no\""},"treeColumn":{"type":"Key","description":"The id of the column that displays hierarchical data."},"verticalAlign":{"type":"\"top\" | \"middle\"","description":"The vertical alignment of the table cells content."}}},"Tabs":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<TabsRenderProps>","default":"'react-aria-Tabs'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultSelectedKey":{"type":"Key","description":"The initial selected keys in the collection (uncontrolled)."},"dir":{"type":"string"},"disabledKeys":{"type":"Iterable<Key>","description":"The item keys that are disabled. These items cannot be selected, focused, or otherwise\ninteracted with."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the TabList is disabled.\nShows that a selection exists, but is not available in that circumstance."},"keyboardActivation":{"type":"\"manual\" | \"automatic\"","default":"'automatic'","description":"Whether tabs are activated automatically on focus or manually."},"lang":{"type":"string"},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onSelectionChange":{"type":"((key: Key) => void)","description":"Handler that is called when the selection changes."},"orientation":{"type":"\"horizontal\" | \"vertical\"","default":"'horizontal'","description":"The orientation of the tabs."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"selectedKey":{"type":"Key","description":"The currently selected key in the collection (controlled)."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"tabNotFoundView":{"type":"ReactNode","description":"The view rendered when the selected tab does not exist. Defaults to a\nbuilt-in IllustratedMessage."},"translate":{"type":"\"yes\" | \"no\""},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Text":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","wrapWith"]},"props":{"align":{"type":"\"start\" | \"end\" | \"center\"","default":"\"start\"","description":"The alignment of the text."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\"","default":"\"default\"","description":"The color of the text."},"elementType":{"type":"\"div\" | \"span\" | \"p\" | ExoticComponent<{}>","description":"The HTML element or React component rendered as the elements root."},"emulateBoldWidth":{"type":"boolean","description":"Whether the elements width should match the width it would have with bold\ntext."},"noLigatures":{"type":"boolean","description":"Disables standard and contextual ligatures for predictable, literal text\nrendering."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"whiteSpace":{"type":"WhiteSpace","description":"The white-space property of the text."},"wordBreak":{"type":"\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"normal\" | \"auto-phrase\" | \"break-all\" | \"break-word\" | \"keep-all\"","description":"The word-break property of the text."},"wrap":{"type":"\"wrap\" | \"balance\" | \"pretty\"","description":"The text-wrap property of the text."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"TextArea":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"allowHorizontalResize":{"type":"boolean","description":"@deprecated Use `allowResize` instead.","deprecated":true},"allowResize":{"type":"boolean | \"horizontal\" | \"vertical\"","description":"Allows the user to manually resize the textArea horizontally."},"allowVerticalResize":{"type":"boolean","description":"@deprecated Use `allowResize` instead.","deprecated":true},"aria-activedescendant":{"type":"string","description":"Identifies the currently active element when DOM focus is on a composite widget, textbox,\ngroup, or application."},"aria-autocomplete":{"type":"\"list\" | \"none\" | \"inline\" | \"both\"","description":"Indicates whether inputting text could trigger display of one or more predictions of the user's\nintended value for an input and specifies how predictions would be presented if they are made."},"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-haspopup":{"type":"boolean | \"false\" | \"true\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\"","description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that\ncan be triggered by an element."},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoComplete":{"type":"string","description":"Describes the type of autocomplete functionality the input should provide if any. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete)."},"autoCorrect":{"type":"string","description":"An attribute that takes as its value a space-separated string that describes what, if any, type\nof autocomplete functionality the input should provide. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete)."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"autoResizeMaxRows":{"type":"number","description":"Whether the text area should grow if its content gets longer than its\ninitial height."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<TextFieldRenderProps>","default":"'react-aria-TextField'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"enterKeyHint":{"type":"\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\"","description":"An enumerated attribute that defines what action label or icon to preset for the enter key on\nvirtual keyboards. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)."},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"inputMode":{"type":"\"text\" | \"none\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"numeric\" | \"decimal\"","description":"Hints at the type of data that might be entered by the user while editing the element or its\ncontents. See\n[MDN](https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute)."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"maxLength":{"type":"number","description":"The maximum number of characters supported by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefmaxlength)."},"minLength":{"type":"number","description":"The minimum number of characters required by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefminlength)."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBeforeInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is about to be modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onCompositionEnd":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system completes or cancels the current text\ncomposition session. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event)."},"onCompositionStart":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system starts a new text composition session.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event)."},"onCompositionUpdate":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a new character is received in the current text composition\nsession. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event)."},"onCopy":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user copies text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncopy)."},"onCut":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user cuts text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncut)."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPaste":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user pastes text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/onpaste)."},"onSelect":{"type":"ReactEventHandler<HTMLInputElement>","description":"Handler that is called when text in the input is selected. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."},"pattern":{"type":"string","description":"Regex pattern that the value of the input must match to be valid. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefpattern)."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"showCharacterCount":{"type":"boolean","description":"Whether a character count should be displayed inside the field description."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"spellCheck":{"type":"string","description":"An enumerated attribute that defines whether the element may be checked for spelling errors.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck)."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"type":{"type":"\"text\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"password\" | (string & {})","default":"'text'","description":"The type of input to render. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype)."},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"TextField":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-activedescendant":{"type":"string","description":"Identifies the currently active element when DOM focus is on a composite widget, textbox,\ngroup, or application."},"aria-autocomplete":{"type":"\"list\" | \"none\" | \"inline\" | \"both\"","description":"Indicates whether inputting text could trigger display of one or more predictions of the user's\nintended value for an input and specifies how predictions would be presented if they are made."},"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-haspopup":{"type":"boolean | \"false\" | \"true\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\"","description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that\ncan be triggered by an element."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoComplete":{"type":"string","description":"Describes the type of autocomplete functionality the input should provide if any. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete)."},"autoCorrect":{"type":"string","description":"An attribute that takes as its value a space-separated string that describes what, if any, type\nof autocomplete functionality the input should provide. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete)."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<TextFieldRenderProps>","default":"'react-aria-TextField'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"enterKeyHint":{"type":"\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\"","description":"An enumerated attribute that defines what action label or icon to preset for the enter key on\nvirtual keyboards. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)."},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"inputMode":{"type":"\"text\" | \"none\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"numeric\" | \"decimal\"","description":"Hints at the type of data that might be entered by the user while editing the element or its\ncontents. See\n[MDN](https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute)."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"maxLength":{"type":"number","description":"The maximum number of characters supported by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefmaxlength)."},"minLength":{"type":"number","description":"The minimum number of characters required by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefminlength)."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBeforeInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is about to be modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onCompositionEnd":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system completes or cancels the current text\ncomposition session. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event)."},"onCompositionStart":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system starts a new text composition session.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event)."},"onCompositionUpdate":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a new character is received in the current text composition\nsession. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event)."},"onCopy":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user copies text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncopy)."},"onCut":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user cuts text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncut)."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPaste":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user pastes text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/onpaste)."},"onSelect":{"type":"ReactEventHandler<HTMLInputElement>","description":"Handler that is called when text in the input is selected. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."},"pattern":{"type":"string","description":"Regex pattern that the value of the input must match to be valid. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefpattern)."},"placeholder":{"type":"string","description":"Temporary text that occupies the text input when it is empty.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/placeholder)."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"showCharacterCount":{"type":"boolean","description":"Whether a character count should be displayed inside the field description."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"spellCheck":{"type":"string","description":"An enumerated attribute that defines whether the element may be checked for spelling errors.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck)."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"type":{"type":"\"text\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"password\" | (string & {})","default":"'text'","description":"The type of input to render. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype)."},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"TimeField":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<DateFieldRenderProps>","default":"'react-aria-TimeField'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"granularity":{"type":"\"hour\" | \"minute\" | \"second\"","default":"'minute'","description":"Determines the smallest unit that is displayed in the time picker."},"hidden":{"type":"boolean"},"hideTimeZone":{"type":"boolean","description":"Whether to hide the time zone abbreviation."},"hourCycle":{"type":"12 | 24","description":"Whether to display the time in 12 or 24 hour format. By default, this is determined by the\nuser's locale."},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"maxValue":{"type":"TimeValue","description":"The maximum allowed time that a user may select."},"minValue":{"type":"TimeValue","description":"The minimum allowed time that a user may select."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"placeholderValue":{"type":"TimeValue","description":"A placeholder time that influences the format of the placeholder shown when no value is\nselected. Defaults to 12:00 AM or 00:00 depending on the hour cycle."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"shouldForceLeadingZeros":{"type":"boolean","description":"Whether to always show leading zeros in the hour field.\nBy default, this is determined by the user's locale."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Tooltip":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style"]},"props":{"UNSTABLE_portalContainer":{"type":"Element","default":"document.body","description":"The container element in which the overlay portal will be placed. This may have unknown\nbehavior depending on where it is portalled to.\n@deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.","deprecated":true},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"arrowBoundaryOffset":{"type":"number","default":"0","description":"The minimum distance the arrow's edge should be from the edge of the overlay element."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<TooltipRenderProps>","default":"'react-aria-Tooltip'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"containerPadding":{"type":"number","default":"12","description":"The placement padding that should be applied between the element and its\nsurrounding container."},"crossOffset":{"type":"number","default":"0","description":"The additional offset applied along the cross axis between the element and its\nanchor element."},"defaultOpen":{"type":"boolean","description":"Whether the overlay is open by default (uncontrolled)."},"dir":{"type":"string"},"hidden":{"type":"boolean"},"inert":{"type":"boolean"},"isEntering":{"type":"boolean","description":"Whether the tooltip is currently performing an entry animation."},"isExiting":{"type":"boolean","description":"Whether the tooltip is currently performing an exit animation."},"isOpen":{"type":"boolean","description":"Whether the element is rendered."},"lang":{"type":"string"},"offset":{"type":"number","default":"0","description":"The additional offset applied along the main axis between the element and its\nanchor element."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onOpenChange":{"type":"((isOpen: boolean) => void)","description":"Handler that is called when the overlay's open state changes."},"placement":{"type":"\"bottom\" | \"bottom left\" | \"bottom right\" | \"bottom start\" | \"bottom end\" | \"top\" | \"top left\" | \"top right\" | \"top start\" | \"top end\" | \"left\" | \"left top\" | \"left bottom\" | \"start\" | \"start top\" | \"start bottom\" | \"right\" | \"right top\" | \"right bottom\" | \"end\" | \"end top\" | \"end bottom\"","default":"'top'","description":"The placement of the tooltip with respect to the trigger."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"shouldFlip":{"type":"boolean","default":"true","description":"Whether the element should flip its orientation (e.g. top to bottom or left to right) when\nthere is insufficient room for it to render completely."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"triggerRef":{"type":"RefObject<Element | null>","description":"The ref for the element which the tooltip positions itself with respect to.\n\nWhen used within a TooltipTrigger this is set automatically. It is only required when used\nstandalone."}}},"TranslationProvider":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"translate":{"type":"TranslationFunction"},"translations":{"type":"Translations"}}},"Truncate":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"ellipsis":{"type":"string","default":"...","description":"Ellipsis that is added into the text in case it is truncated"},"offset":{"type":"number","default":"8","description":"the position(from the end) of the ellipsis that shows in text"},"title":{"type":"string","description":"The `title` attribute of the elements root, which browsers show as a native\ntooltip on hover. It is not derived from the children — pass the full text\nto make it readable while truncated."}}},"TunnelEntry":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["providerId"]},"props":{"children":{"type":"ReactNode"},"id":{"type":"string"},"providerId":{"type":"string","description":"Select a dedicated tunnel provider by ID."},"staticEntryId":{"type":"string","description":"Static entry ID instead of generated ID by `useId`"}}},"Wrap":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode","required":true},"if":{"type":"unknown","required":true}}}}}
1
+ {"package":"@mittwald/flow-react-components","version":"1.1.0-next.7","docs":{"site":"https://flow.mittwald.de","llmsTxt":"https://flow.mittwald.de/llms.txt","llmsJson":"https://flow.mittwald.de/llms.json","llmsFullTxt":"https://flow.mittwald.de/llms-full.txt","note":"The documentation is written in German; component names and design-system terms are not translated. llms.json lists every page with a Markdown URL under /raw/<path>.md — use it to resolve a component name to its page."},"components":{"@mittwald/flow-react-components/nextjs#Link":{"importFrom":["@mittwald/flow-react-components/nextjs"],"level":"deprecated","remote":{"available":false},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"isDisabled":{"type":"boolean"},"ref":{"type":"Ref<HTMLAnchorElement>"}},"deprecationNotice":"Use RouterProvider instead"},"AccentBox":{"importFrom":["@mittwald/flow-react-components"],"level":"beta","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"aspectRatio":{"type":"AspectRatio","description":"The aspect ratio of the accent box."},"backgroundColor":{"type":"AccentBoxWithCustomBackgroundColor","default":"\"neutral\"","description":"The background color of the accent box."},"backgroundImage":{"type":"string","description":"The background image of the accent box."},"children":{"type":"ReactNode"},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\"","default":"\"default\"","description":"The content color of the accent box."},"elementType":{"type":"\"div\" | \"article\" | ExoticComponent<{}> | \"section\"","description":"The HTML element or React component rendered as the elements root."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Accordion":{"importFrom":["@mittwald/flow-react-components"],"level":"beta","remote":{"available":true},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"defaultExpanded":{"type":"boolean","description":"Whether the accordion should be initially expanded."},"variant":{"type":"\"default\" | \"outline\"","default":"\"default\"","description":"The visual variant of the accordion."}}},"Action":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"actionModel":{"type":"ActionModel","description":"An existing action model to use instead of creating a new one. Lets several\ncomponents share one action state."},"break":{"type":"boolean","default":"false","description":"Stops the execution here: parent actions are not executed."},"children":{"type":"ReactNode"},"closeModal":{"type":"boolean | CloseModalOptions","description":"Whether the surrounding modal is closed when the action is triggered."},"closeOverlay":{"type":"keyof FlowComponentPropsTypes | OverlayController | CloseOverlayOptions","description":"The overlay to close when the action is triggered."},"onAction":{"type":"ActionFn","description":"The function executed when the action is triggered. Returning a promise\nputs the action into its pending and feedback states automatically."},"openModal":{"type":"boolean","description":"Whether the surrounding modal is opened when the action is triggered."},"openOverlay":{"type":"keyof FlowComponentPropsTypes | OverlayController","description":"The overlay to open when the action is triggered."},"showFeedback":{"type":"boolean","description":"Whether success feedback is shown after the action succeeded. Asynchronous\nactions show feedback by default; set `false` to suppress it."},"skip":{"type":"number | boolean","default":"false","description":"The number of parent actions skipped when the action is triggered. `true`\nskips one."},"toggleModal":{"type":"boolean","description":"Whether the surrounding modal is opened or closed when the action is\ntriggered."},"toggleOverlay":{"type":"keyof FlowComponentPropsTypes | OverlayController","description":"The overlay to open or close when the action is triggered."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ActionBatch":{"importFrom":["@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"}},"description":"Batches multiple actions together and shows feedback when all actions have\ncompleted.\n\nBy default function actions are automatically batched. You can use this\ncomponent to split function actions into multiple batches with separate\nfeedback."},"ActionGroup":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"preserveOrder":{"type":"boolean","default":"false","description":"When set, the buttons are not sorted automatically but stay in source\norder."},"size":{"type":"\"s\" | \"m\"","default":"\"m\"","description":"The size of the buttons and links inside the action group."},"spacing":{"type":"\"s\" | \"m\"","default":"\"s\"","description":"The spacing between the buttons inside the action group."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Activity":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":false},"props":{"children":{"type":"ReactNode"},"inactiveDelay":{"type":"number"},"isActive":{"type":"boolean"}}},"Alert":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\" | \"unavailable\"","description":"The elements status"},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"AlertBadge":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\" | \"unavailable\"","description":"The elements status"},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"AlertIcon":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"color":{"type":"IconWithCustomColor","description":"The color of the icon. Besides the Flow colors, any custom CSS color is\nsupported. Inherits the surrounding text color when unset."},"size":{"type":"\"s\" | \"m\" | \"l\"","default":"\"m\"","description":"The size of the icon."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\" | \"unavailable\"","description":"The elements status"},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"AlertText":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\" | \"unavailable\"","description":"The elements status"},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Align":{"importFrom":["@mittwald/flow-react-components"],"level":"deprecated","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}},"deprecationNotice":"Use Combine instead"},"Autocomplete":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"disableAutoFocusFirst":{"type":"boolean","default":"false","description":"Whether or not to focus the first item in the collection after a filter is performed. Note this\nis only applicable if virtual focus behavior is not turned off via `disableVirtualFocus`."},"disableVirtualFocus":{"type":"boolean","default":"false","description":"Whether the autocomplete should disable virtual focus, instead making the wrapped collection\ndirectly tabbable."},"filter":{"type":"((textValue: string, inputValue: string, node: Node<object>) => boolean)","description":"An optional filter function used to determine if a option should be included in the\nautocomplete list. Include this if the items you are providing to your wrapped collection\naren't filtered by default."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Avatar":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"color":{"type":"\"violet\" | \"green\" | \"blue\" | \"teal\" | \"lilac\"","description":"The color of icons and initials inside the avatar."},"label":{"type":"string","description":"A descriptive label that assistive technology announces for the avatar\n(e.g. the name of the represented person or entity). When set, the avatar\nis exposed as a single image with this label. When omitted, the avatar is\ntreated as purely decorative and hidden from assistive technology."},"size":{"type":"\"s\" | \"xs\" | \"m\" | \"l\"","default":"\"m\"","description":"The size of the avatar."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\" | \"unavailable\"","description":"Adds status icon and color to the avatar. May only be used if the status is\nexplained by an element (like text or label) nearby."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"AvatarStack":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"onCountPress":{"type":"(() => void)","description":"The onPress action of the additional items count element"},"size":{"type":"\"s\" | \"xs\" | \"m\" | \"l\"","default":"\"m\"","description":"The size of the avatars inside the stack."},"totalCount":{"type":"number","description":"The total count of items, as avatars should only be displayed for the first\nview"}}},"Badge":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"color":{"type":"\"dark\" | \"light\" | \"dark-static\" | \"light-static\" | \"neutral\" | \"violet\" | \"green\" | \"blue\" | \"teal\" | \"lilac\" | \"navy\" | \"orange\" | \"red\"","default":"\"neutral\"","description":"The color of the badge."},"isDisabled":{"type":"boolean","description":"Whether the badge is disabled."},"onClose":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the badges close icon is pressed."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the badge is pressed."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"BigNumber":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."}}},"Breadcrumb":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode"},"className":{"type":"string","default":"'react-aria-Breadcrumbs'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement."},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\"","default":"\"default\"","description":"The color of the breadcrumb."},"dependencies":{"type":"readonly any[]","description":"Values that should invalidate the item cache when using dynamic collections."},"dir":{"type":"string"},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the breadcrumbs are disabled."},"items":{"type":"Iterable<object>","description":"Item objects in the collection."},"lang":{"type":"string"},"onAction":{"type":"((key: Key) => void)","description":"Handler that is called when a breadcrumb is clicked."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"size":{"type":"\"s\" | \"m\"","default":"\"m\"","description":"The size of the element."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""}}},"BrowserOnly":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"}}},"Button":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-current":{"type":"boolean | \"step\" | \"false\" | \"true\" | \"page\" | \"location\" | \"date\" | \"time\"","description":"Indicates whether this element represents the current item within a container or set of related\nelements."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-disabled":{"type":"boolean","description":"Disables button but keeps it focusable."},"aria-expanded":{"type":"boolean | \"false\" | \"true\"","description":"Indicates whether the element, or another grouping element it controls, is currently expanded\nor collapsed."},"aria-haspopup":{"type":"boolean | \"false\" | \"true\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\"","description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that\ncan be triggered by an element."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"aria-pressed":{"type":"boolean | \"false\" | \"true\" | \"mixed\"","description":"Indicates the current \"pressed\" state of toggle buttons."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode","description":"The children of the component. A function may be provided to alter the children based on\ncomponent state."},"className":{"type":"ClassNameOrFunction<ButtonRenderProps>","default":"'react-aria-Button'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"color":{"type":"\"dark\" | \"light\" | \"dark-static\" | \"light-static\" | \"success\" | \"danger\" | \"primary\" | \"secondary\" | \"accent\"","default":"\"primary\"","description":"The color of the button.\n@deprecatedValues accent"},"dir":{"type":"string"},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the button with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#form)."},"formAction":{"type":"string | ((formData: FormData) => void | Promise<void>)","description":"The URL that processes the information submitted by the button.\nOverrides the action attribute of the button's form owner."},"formEncType":{"type":"string","description":"Indicates how to encode the form data that is submitted."},"formMethod":{"type":"string","description":"Indicates the HTTP method used to submit the form."},"formNoValidate":{"type":"boolean","description":"Indicates that the form is not to be validated when it is submitted."},"formTarget":{"type":"string","description":"Overrides the target attribute of the button's form owner."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the button is disabled."},"isFailed":{"type":"boolean","description":"Whether the button is in a failed state."},"isPending":{"type":"boolean","description":"Whether the button is in a pending state."},"isReadOnly":{"type":"boolean","description":"Whether the button is in a read only state."},"isSucceeded":{"type":"boolean","description":"Whether the button is in a succeeded state."},"lang":{"type":"string"},"name":{"type":"string","description":"Submitted as a pair with the button's value as part of the form data."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"preventFocusOnPress":{"type":"boolean","description":"Whether to prevent focus from moving to the button when pressing it.\n\nCaution, this can make the button inaccessible and should only be used when alternative\nkeyboard interaction is provided, such as ComboBox's MenuTrigger or a NumberField's\nincrement/decrement control."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"size":{"type":"\"s\" | \"m\"","default":"\"m\"","description":"The size of the button."},"slot":{"type":"string","description":"Slot for button placement in action groups."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"type":{"type":"\"button\" | \"submit\" | \"reset\"","default":"'button'","description":"The behavior of the button when used in an HTML form."},"value":{"type":"string","description":"The value associated with the button's name when it's submitted with the form data."},"variant":{"type":"\"solid\" | \"plain\" | \"soft\" | \"outline\"","default":"\"solid\"","description":"The visual variant of the button."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"CartesianChart":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string"},"data":{"type":"ChartDataValue[]","description":"The data points rendered by the chart."},"emptyView":{"type":"ReactNode","description":"View that is provided when data is empty/undefined"},"flexGrow":{"type":"boolean","description":"Allow the height controlling container to set flex-grow: 1. Can only be\nused in combination with `height`"},"height":{"type":"string","description":"The height of the chart."},"syncId":{"type":"string | number","description":"Charts with the same syncId will synchronize Tooltip and Brush events.\n@see {@link https://recharts.github.io/en-US/examples/SynchronizedAreaChart/ Synchronized Charts Example}"},"syncMethod":{"type":"SyncMethod","description":"Customize how the charts will synchronize tooltips and brushes.\n`index`: synchronize using the data index in the data array. Index expects that all data has the same length.\n`value`: synchronize using the data value on categorical axis (categorical: XAxis in horizontal layout, YAxis in vertical layout).\nfunction: a custom sync method which receives tick and data as argument and returns an index.\n@defaultValue index"}}},"Chat":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"height":{"type":"Height<string | number>","description":"The height of the chat."}}},"Checkbox":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<CheckboxGroupRenderProps>","default":"'react-aria-CheckboxGroup'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultSelected":{"type":"boolean","description":"Whether the element should be selected (uncontrolled)."},"dir":{"type":"string"},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"inputClassName":{"type":"string","description":"The class name of the underlying input element."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isIndeterminate":{"type":"boolean","description":"Indeterminism is presentational only.\nThe indeterminate visual representation remains regardless of user interaction."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"isSelected":{"type":"boolean","description":"Whether the element should be selected (controlled)."},"lang":{"type":"string"},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((isSelected: boolean) => void)","description":"Handler that is called when the element's selection state changes."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"string","description":"The value of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefvalue)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"CheckboxButton":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<CheckboxGroupRenderProps>","default":"'react-aria-CheckboxGroup'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultSelected":{"type":"boolean","description":"Whether the element should be selected (uncontrolled)."},"dir":{"type":"string"},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"inputClassName":{"type":"string","description":"The class name of the underlying input element."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isIndeterminate":{"type":"boolean","description":"Indeterminism is presentational only.\nThe indeterminate visual representation remains regardless of user interaction."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"isSelected":{"type":"boolean","description":"Whether the element should be selected (controlled)."},"lang":{"type":"string"},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((isSelected: boolean) => void)","description":"Handler that is called when the element's selection state changes."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"string","description":"The value of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefvalue)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"CheckboxGroup":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<CheckboxGroupRenderProps>","default":"'react-aria-CheckboxGroup'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"l":{"type":"(number | null)[]","description":"Column layout for container size l."},"lang":{"type":"string"},"m":{"type":"(number | null)[]","description":"Column layout for container size m."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"s":{"type":"(number | null)[]","description":"Column layout for container size s."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ClearPropsContext":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"}}},"CodeBlock":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"code":{"type":"string","description":"The code displayed in the block."},"copyable":{"type":"boolean","default":"true","description":"Whether a button to copy the code to the clipboard is shown."},"language":{"type":"\"text\" | \"go\" | \"p\" | \"b\" | \"html\" | \"map\" | \"q\" | \"s\" | \"svg\" | \"m\" | \"markdown\" | \"d\" | \"in\" | \"r\" | \"apl\" | \"asc\" | \"asn\" | \"asn1\" | \"bash\" | \"bf\" | \"BUILD\" | \"bzl\" | \"c\" | \"c++\" | \"cc\" | \"cfg\" | \"cjs\" | \"cl\" | \"clj\" | \"cljc\" | \"cljs\" | \"cljx\" | \"cmake\" | \"cmake.in\" | \"cob\" | \"coffee\" | \"cpp\" | \"cpy\" | \"cql\" | \"cr\" | \"cs\" | \"css\" | \"cts\" | \"cxx\" | \"cyp\" | \"cypher\" | \"dart\" | \"diff\" | \"dtd\" | \"dyalog\" | \"dyl\" | \"dylan\" | \"e\" | \"ecl\" | \"edn\" | \"el\" | \"elm\" | \"erl\" | \"f\" | \"f77\" | \"f90\" | \"f95\" | \"factor\" | \"feature\" | \"for\" | \"forth\" | \"fs\" | \"fth\" | \"fun\" | \"gradle\" | \"groovy\" | \"gss\" | \"h\" | \"h++\" | \"handlebars\" | \"hbs\" | \"hh\" | \"hpp\" | \"hs\" | \"htm\" | \"hx\" | \"hxml\" | \"hxx\" | \"ini\" | \"ino\" | \"intr\" | \"j2\" | \"jade\" | \"java\" | \"jinja\" | \"jinja2\" | \"jl\" | \"js\" | \"json\" | \"jsonld\" | \"jsx\" | \"ksh\" | \"kt\" | \"kts\" | \"less\" | \"liquid\" | \"lisp\" | \"ls\" | \"ltx\" | \"lua\" | \"mbox\" | \"md\" | \"mjs\" | \"mkd\" | \"ml\" | \"mli\" | \"mll\" | \"mly\" | \"mm\" | \"mo\" | \"mps\" | \"mrc\" | \"msc\" | \"mscgen\" | \"mscin\" | \"msgenny\" | \"mts\" | \"nb\" | \"nix\" | \"nq\" | \"nsh\" | \"nsi\" | \"nt\" | \"nut\" | \"oz\" | \"pas\" | \"patch\" | \"pgp\" | \"php\" | \"php3\" | \"php4\" | \"php5\" | \"php7\" | \"phtml\" | \"pig\" | \"pl\" | \"pls\" | \"pm\" | \"pp\" | \"pro\" | \"properties\" | \"proto\" | \"ps1\" | \"psd1\" | \"psm1\" | \"pug\" | \"pxd\" | \"pxi\" | \"py\" | \"pyw\" | \"pyx\" | \"R\" | \"rb\" | \"rq\" | \"rs\" | \"sas\" | \"sass\" | \"scala\" | \"scm\" | \"scss\" | \"sh\" | \"sieve\" | \"sig\" | \"siv\" | \"smackspec\" | \"sml\" | \"solidity\" | \"sparql\" | \"spec\" | \"sql\" | \"ss\" | \"st\" | \"styl\" | \"sv\" | \"svelte\" | \"svh\" | \"swift\" | \"tcl\" | \"tex\" | \"textile\" | \"toml\" | \"ts\" | \"tsx\" | \"ttcn\" | \"ttcn3\" | \"ttcnpp\" | \"ttl\" | \"v\" | \"vb\" | \"vbs\" | \"vhd\" | \"vhdl\" | \"vtl\" | \"vue\" | \"wast\" | \"wat\" | \"webidl\" | \"wl\" | \"wls\" | \"xml\" | \"xq\" | \"xqm\" | \"xquery\" | \"xqy\" | \"xsd\" | \"xsl\" | \"xu\" | \"xy\" | \"yaml\" | \"yml\" | \"ys\" | \"z80\" | \"dotEnv\"","description":"The language the code is highlighted as."},"showLineNumbers":{"type":"boolean","default":"true","description":"Whether line numbers are shown in the gutter."},"truncateLines":{"type":"number | boolean","default":": false","description":"Controls truncation of long code blocks. `false` disables it, `true`\ntruncates after 8 lines, and a number sets the maximum line count."}}},"CodeEditor":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"autoFocus":{"type":"boolean","description":"focus on the editor."},"className":{"type":"string","description":"The elements class name."},"copyable":{"type":"boolean","default":"true","description":"Whether a button to copy the code to the clipboard is shown."},"defaultValue":{"type":"string","description":"The initial code of an uncontrolled editor."},"editable":{"type":"boolean","default":"true","description":"This disables editing of the editor content by the user."},"extensions":{"type":"Extension[]","description":"Extension values can be [provided](https://codemirror.net/6/docs/ref/#state.EditorStateConfig.extensions) when creating a state to attach various kinds of configuration and behavior information.\nThey can either be built-in extension-providing objects,\nsuch as [state fields](https://codemirror.net/6/docs/ref/#state.StateField) or [facet providers](https://codemirror.net/6/docs/ref/#state.Facet.of),\nor objects with an extension in its `extension` property. Extensions can be nested in arrays arbitrarily deep—they will be flattened when processed."},"height":{"type":"string"},"indentWithTab":{"type":"boolean","default":"true","description":"Controls whether pressing the `Tab` key inserts a tab character and indents the text (`true`)\nor behaves according to the browser's default behavior (`false`)."},"initialState":{"type":"{ json: any; fields?: Record<string, StateField<any>>; }","description":"Create a state from its JSON representation serialized with [toJSON](https://codemirror.net/docs/ref/#state.EditorState.toJSON) function"},"isInvalid":{"type":"boolean","default":"false","description":"Whether the editor is displayed as invalid."},"isReadOnly":{"type":"boolean","default":"false","description":"Whether the code can be read but not edited."},"isRequired":{"type":"boolean","default":"false","description":"Whether the field must be filled in. Only marks the editor as required for\nassistive technology — the editor does not validate itself."},"language":{"type":"\"text\" | \"go\" | \"p\" | \"b\" | \"html\" | \"map\" | \"q\" | \"s\" | \"svg\" | \"m\" | \"markdown\" | \"d\" | \"in\" | \"r\" | \"apl\" | \"asc\" | \"asn\" | \"asn1\" | \"bash\" | \"bf\" | \"BUILD\" | \"bzl\" | \"c\" | \"c++\" | \"cc\" | \"cfg\" | \"cjs\" | \"cl\" | \"clj\" | \"cljc\" | \"cljs\" | \"cljx\" | \"cmake\" | \"cmake.in\" | \"cob\" | \"coffee\" | \"cpp\" | \"cpy\" | \"cql\" | \"cr\" | \"cs\" | \"css\" | \"cts\" | \"cxx\" | \"cyp\" | \"cypher\" | \"dart\" | \"diff\" | \"dtd\" | \"dyalog\" | \"dyl\" | \"dylan\" | \"e\" | \"ecl\" | \"edn\" | \"el\" | \"elm\" | \"erl\" | \"f\" | \"f77\" | \"f90\" | \"f95\" | \"factor\" | \"feature\" | \"for\" | \"forth\" | \"fs\" | \"fth\" | \"fun\" | \"gradle\" | \"groovy\" | \"gss\" | \"h\" | \"h++\" | \"handlebars\" | \"hbs\" | \"hh\" | \"hpp\" | \"hs\" | \"htm\" | \"hx\" | \"hxml\" | \"hxx\" | \"ini\" | \"ino\" | \"intr\" | \"j2\" | \"jade\" | \"java\" | \"jinja\" | \"jinja2\" | \"jl\" | \"js\" | \"json\" | \"jsonld\" | \"jsx\" | \"ksh\" | \"kt\" | \"kts\" | \"less\" | \"liquid\" | \"lisp\" | \"ls\" | \"ltx\" | \"lua\" | \"mbox\" | \"md\" | \"mjs\" | \"mkd\" | \"ml\" | \"mli\" | \"mll\" | \"mly\" | \"mm\" | \"mo\" | \"mps\" | \"mrc\" | \"msc\" | \"mscgen\" | \"mscin\" | \"msgenny\" | \"mts\" | \"nb\" | \"nix\" | \"nq\" | \"nsh\" | \"nsi\" | \"nt\" | \"nut\" | \"oz\" | \"pas\" | \"patch\" | \"pgp\" | \"php\" | \"php3\" | \"php4\" | \"php5\" | \"php7\" | \"phtml\" | \"pig\" | \"pl\" | \"pls\" | \"pm\" | \"pp\" | \"pro\" | \"properties\" | \"proto\" | \"ps1\" | \"psd1\" | \"psm1\" | \"pug\" | \"pxd\" | \"pxi\" | \"py\" | \"pyw\" | \"pyx\" | \"R\" | \"rb\" | \"rq\" | \"rs\" | \"sas\" | \"sass\" | \"scala\" | \"scm\" | \"scss\" | \"sh\" | \"sieve\" | \"sig\" | \"siv\" | \"smackspec\" | \"sml\" | \"solidity\" | \"sparql\" | \"spec\" | \"sql\" | \"ss\" | \"st\" | \"styl\" | \"sv\" | \"svelte\" | \"svh\" | \"swift\" | \"tcl\" | \"tex\" | \"textile\" | \"toml\" | \"ts\" | \"tsx\" | \"ttcn\" | \"ttcn3\" | \"ttcnpp\" | \"ttl\" | \"v\" | \"vb\" | \"vbs\" | \"vhd\" | \"vhdl\" | \"vtl\" | \"vue\" | \"wast\" | \"wat\" | \"webidl\" | \"wl\" | \"wls\" | \"xml\" | \"xq\" | \"xqm\" | \"xquery\" | \"xqy\" | \"xsd\" | \"xsl\" | \"xu\" | \"xy\" | \"yaml\" | \"yml\" | \"ys\" | \"z80\" | \"dotEnv\"","description":"The language the code is highlighted as."},"maxHeight":{"type":"string"},"maxWidth":{"type":"string"},"minHeight":{"type":"string"},"minWidth":{"type":"string"},"onChange":{"type":"((value: string, viewUpdate: ViewUpdate) => void)","description":"Fired whenever a change occurs to the document."},"onCreateEditor":{"type":"((view: EditorView, state: EditorState) => void)","description":"The first time the editor executes the event."},"onStatistics":{"type":"((data: Statistics) => void)","description":"Some data on the statistics editor."},"onUpdate":{"type":"((viewUpdate: ViewUpdate) => void)","description":"Fired whenever any state change occurs within the editor, including non-document changes like lint results."},"placeholder":{"type":"string | HTMLElement","description":"Enables a placeholder—a piece of example content to show when the editor is empty."},"root":{"type":"ShadowRoot | Document","description":"If the view is going to be mounted in a shadow root or document other than the one held by the global variable document (the default), you should pass it here.\nOriginally from the [config of EditorView](https://codemirror.net/6/docs/ref/#view.EditorView.constructor%5Econfig.root)"},"selection":{"type":"EditorSelection | { anchor: number; head?: number; }","description":"The starting selection. Defaults to a cursor at the very start\nof the document."},"showActiveLineMarker":{"type":"boolean","default":"true","description":"Whether the line the cursor is on is highlighted."},"showCodeFolding":{"type":"boolean","default":"true","description":"Whether the gutter offers controls to fold and unfold code blocks."},"showCodeIndentationMakers":{"type":"boolean","default":"true","description":"Whether indentation levels are visualized with guide lines."},"showLineNumbers":{"type":"boolean","default":"true","description":"Whether line numbers are shown in the gutter."},"showLinterMarkers":{"type":"boolean","default":"true","description":"Whether linter results are shown in the gutter."},"value":{"type":"string","description":"value of the auto created model in the editor."},"width":{"type":"string"},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}},"isNew":true},"Color":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"color":{"type":"FlowWithCustomColor","default":"\"blue\"","description":"The color of the element."}}},"ColumnLayout":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"columnGap":{"type":"\"s\" | \"m\" | \"l\" | \"xl\"","description":"Size of the column gap between the content blocks inside the column layout."},"elementType":{"type":"\"div\" | ExoticComponent<{}> | \"ul\"","description":"The HTML element or React component rendered as the elements root."},"gap":{"type":"\"s\" | \"m\" | \"l\" | \"xl\"","default":"\"m\"","description":"Size of the row and column gap between the content blocks inside the column\nlayout."},"l":{"type":"(number | null)[]","description":"Column layout for container size l."},"m":{"type":"(number | null)[]","description":"Column layout for container size m."},"rowGap":{"type":"\"s\" | \"m\" | \"l\" | \"xl\"","description":"Size of the row gap between the content blocks inside the column layout."},"s":{"type":"(number | null)[]","description":"Column layout for container size s."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Combine":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}},"isNew":true},"ComboBox":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","renderEmptyState","style","wrapWith"]},"props":{"allowsCustomValue":{"type":"boolean","description":"Whether the ComboBox allows a non-item matching input value to be set."},"allowsEmptyCollection":{"type":"boolean","description":"Whether the combo box allows the menu to be open when the collection is empty."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<ComboBoxRenderProps>","default":"'react-aria-ComboBox'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultFilter":{"type":"((textValue: string, inputValue: string) => boolean)","description":"The filter function used to determine if an option should be included in the combo box list.\nBy default, a language-sensitive \"contains\" filter from `useFilter` is used."},"defaultInputValue":{"type":"string","description":"The default value of the ComboBox input (uncontrolled)."},"defaultItems":{"type":"Iterable<never>","description":"The list of ComboBox items (uncontrolled)."},"defaultSelectedKey":{"type":"Key","description":"The initial selected key in the collection (uncontrolled).\n@deprecated","deprecated":true},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"disabledKeys":{"type":"Iterable<Key>","description":"The item keys that are disabled. These items cannot be selected, focused, or otherwise\ninteracted with."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"formValue":{"type":"\"text\" | \"key\"","default":"'key'","description":"Whether the text or key of the selected item is submitted as part of an HTML form. When\n`allowsCustomValue` is `true`, this option does not apply and the text is always submitted."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"inputValue":{"type":"string","description":"The value of the ComboBox input (controlled)."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"items":{"type":"Iterable<never>","description":"The list of ComboBox items (controlled)."},"lang":{"type":"string"},"menuTrigger":{"type":"\"input\" | \"manual\" | \"focus\"","default":"'input'","description":"The interaction required to display the ComboBox menu."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: string) => void)","description":"Called with the key of the selected option whenever the selection changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onInputChange":{"type":"((value: string) => void)","description":"Handler that is called when the ComboBox input value changes."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onOpenChange":{"type":"((isOpen: boolean, menuTrigger?: MenuTriggerAction) => void)","description":"Method that is called when the open state of the menu changes. Returns the new open state and\nthe action that caused the opening of the menu."},"onSelectionChange":{"type":"((key: Key | null) => void)","description":"Handler that is called when the selection changes.\n@deprecated","deprecated":true},"placeholder":{"type":"string","description":"Temporary text that occupies the text input when it is empty.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/placeholder)."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"renderEmptyState":{"type":"((props: ListBoxRenderProps) => ReactNode)","description":"Provides content to display when there are no items in the list."},"selectedKey":{"type":"Key","description":"The currently selected key in the collection (controlled).\n@deprecated","deprecated":true},"selectionMode":{"type":"\"single\"","default":"'single'","description":"Whether single or multiple selection is enabled."},"shouldFocusWrap":{"type":"boolean","description":"Whether keyboard navigation is circular."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ComponentDefaultsProvider":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":false},"props":{"children":{"type":"ReactNode"},"defaults":{"type":"PartialComponentDefaults","required":true,"description":"Defaults per component. Every setting that is not given keeps the default\nof a surrounding ComponentDefaultsProvider, or its built-in default."}},"isNew":true,"description":"Defines the default behavior of components for the whole application – or,\nnested, for a part of it."},"ComponentPropsContextProvider":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["componentProps"]},"props":{"children":{"type":"ReactNode"},"componentProps":{"type":"PropsContext"}}},"Content":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"elementType":{"type":"\"div\" | \"span\" | ExoticComponent<{}> | \"section\"","description":"The HTML element or React component rendered as the elements root."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ContextMenu":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["controller","render","renderEmptyState","style","wrapWith"]},"props":{"UNSTABLE_portalContainer":{"type":"Element","default":"document.body","description":"The container element in which the overlay portal will be placed. This may have unknown\nbehavior depending on where it is portalled to.\n@deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.","deprecated":true},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"arrowBoundaryOffset":{"type":"number","default":"0","description":"The minimum distance the arrow's edge should be from the edge of the overlay element."},"arrowRef":{"type":"RefObject<Element | null>","description":"A ref for the popover arrow element."},"boundaryElement":{"type":"Element","default":"document.body","description":"Element that that serves as the positioning boundary."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<PopoverRenderProps>","default":"'react-aria-Popover'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"containerPadding":{"type":"number","default":"12","description":"The placement padding that should be applied between the element and its\nsurrounding container."},"controller":{"type":"OverlayController","description":"An overlay controller to control the popover state."},"crossOffset":{"type":"number","default":"0","description":"The additional offset applied along the cross axis between the element and its\nanchor element."},"defaultOpen":{"type":"boolean","description":"Whether the overlay is open by default (uncontrolled)."},"defaultSelectedKeys":{"type":"\"all\" | Iterable<Key>","description":"The initial selected keys in the collection (uncontrolled)."},"dir":{"type":"string"},"disabledKeys":{"type":"Iterable<Key>","description":"The item keys that are disabled. These items cannot be selected, focused, or otherwise\ninteracted with."},"getTargetRect":{"type":"((target: Element) => DOMRect | null)","default":"target.getBoundingClientRect()","description":"Overrides the target element's bounding rectangle. Useful for positioning relative to\na specific point such as the mouse cursor (e.g. context menus) or text selection.\n@param target - The target element."},"hidden":{"type":"boolean"},"inert":{"type":"boolean"},"isDialogContent":{"type":"boolean","description":"Whether the popover contains a dialog."},"isEntering":{"type":"boolean","description":"Whether the popover is currently performing an entry animation."},"isExiting":{"type":"boolean","description":"Whether the popover is currently performing an exit animation."},"isKeyboardDismissDisabled":{"type":"boolean","default":"false","description":"Whether pressing the escape key to close the popover should be disabled.\n\nMost popovers should not use this option. When set to true, an alternative\nway to close the popover with a keyboard must be provided."},"isNonModal":{"type":"boolean","description":"Whether the popover is non-modal, i.e. elements outside the popover may be\ninteracted with by assistive technologies.\n\nMost popovers should not use this option as it may negatively impact the screen\nreader experience. Only use with components such as combobox, which are designed\nto handle this situation carefully."},"isOpen":{"type":"boolean","description":"Whether the overlay is open by default (controlled)."},"lang":{"type":"string"},"maxHeight":{"type":"number","description":"The maxHeight specified for the overlay element.\nBy default, it will take all space up to the current viewport height."},"offset":{"type":"number","default":"8","description":"The additional offset applied along the main axis between the element and its\nanchor element."},"onAction":{"type":"((key: Key, value: MenuItemProps) => void)","description":"Handler that is called when an item is selected."},"onBlurWithin":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the target element and all descendants lose focus."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocusWithin":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the target element or a descendant receives focus."},"onFocusWithinChange":{"type":"((isFocusWithin: boolean) => void)","description":"Handler that is called when the the focus within state changes."},"onOpenChange":{"type":"((isOpen: boolean) => void)","description":"Handler that is called when the overlay's open state changes."},"onSelectionChange":{"type":"((keys: Selection) => void)","description":"Handler that is called when the selection changes."},"placement":{"type":"\"bottom\" | \"bottom left\" | \"bottom right\" | \"bottom start\" | \"bottom end\" | \"top\" | \"top left\" | \"top right\" | \"top start\" | \"top end\" | \"left\" | \"left top\" | \"left bottom\" | \"start\" | \"start top\" | \"start bottom\" | \"right\" | \"right top\" | \"right bottom\" | \"end\" | \"end top\" | \"end bottom\"","default":"'bottom'","description":"The placement of the element with respect to its anchor element."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"renderEmptyState":{"type":"(() => ReactNode)","description":"Provides content to display when there are no items in the list."},"scrollRef":{"type":"RefObject<Element | null>","default":"overlayRef","description":"A ref for the scrollable region within the overlay."},"selectedKeys":{"type":"\"all\" | Iterable<Key>","description":"The currently selected keys in the collection (controlled)."},"selectionMode":{"type":"\"multiple\" | \"navigation\" | \"switch\" | \"single\"","description":"The type of selection that is allowed in the context menu."},"shouldCloseOnInteractOutside":{"type":"((element: Element) => boolean)","description":"When user interacts with the argument element outside of the popover ref,\nreturn true if onClose should be called. This gives you a chance to filter\nout interaction with elements that should not dismiss the popover.\nBy default, onClose will always be called on interaction outside the popover ref."},"shouldFlip":{"type":"boolean","default":"true","description":"Whether the element should flip its orientation (e.g. top to bottom or left to right) when\nthere is insufficient room for it to render completely."},"shouldSkipAnimation":{"type":"boolean","description":"Whether the popover should appear and disappear without an entry or exit animation. This is\nused by components such as PreviewTrigger to skip animations when quickly swapping between\noverlays."},"shouldUpdatePosition":{"type":"boolean","default":"true","description":"Whether the overlay should update its position automatically."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"trigger":{"type":"string","description":"The name of the component that triggered the popover. This is reflected on the element\nas the `data-trigger` attribute, and can be used to provide specific\nstyles for the popover depending on which element triggered it."},"triggerRef":{"type":"RefObject<Element | null>","description":"The ref for the element which the popover positions itself with respect to.\n\nWhen used within a trigger component such as DialogTrigger, MenuTrigger, Select, etc.,\nthis is set automatically. It is only required when used standalone."},"width":{"type":"string | number","description":"Sets the context menu to a fixed width."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ContextualHelp":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["controller","render","style","wrapWith"]},"props":{"UNSTABLE_portalContainer":{"type":"Element","default":"document.body","description":"The container element in which the overlay portal will be placed. This may have unknown\nbehavior depending on where it is portalled to.\n@deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.","deprecated":true},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"arrowBoundaryOffset":{"type":"number","default":"0","description":"The minimum distance the arrow's edge should be from the edge of the overlay element."},"arrowRef":{"type":"RefObject<Element | null>","description":"A ref for the popover arrow element."},"boundaryElement":{"type":"Element","default":"document.body","description":"Element that that serves as the positioning boundary."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<PopoverRenderProps>","default":"'react-aria-Popover'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"containerPadding":{"type":"number","default":"12","description":"The placement padding that should be applied between the element and its\nsurrounding container."},"controller":{"type":"OverlayController","description":"An overlay controller to control the popover state."},"crossOffset":{"type":"number","default":"0","description":"The additional offset applied along the cross axis between the element and its\nanchor element."},"defaultOpen":{"type":"boolean","description":"Whether the overlay is open by default (uncontrolled)."},"dir":{"type":"string"},"getTargetRect":{"type":"((target: Element) => DOMRect | null)","default":"target.getBoundingClientRect()","description":"Overrides the target element's bounding rectangle. Useful for positioning relative to\na specific point such as the mouse cursor (e.g. context menus) or text selection.\n@param target - The target element."},"hidden":{"type":"boolean"},"inert":{"type":"boolean"},"isDialogContent":{"type":"boolean","description":"Whether the popover contains a dialog."},"isEntering":{"type":"boolean","description":"Whether the popover is currently performing an entry animation."},"isExiting":{"type":"boolean","description":"Whether the popover is currently performing an exit animation."},"isKeyboardDismissDisabled":{"type":"boolean","default":"false","description":"Whether pressing the escape key to close the popover should be disabled.\n\nMost popovers should not use this option. When set to true, an alternative\nway to close the popover with a keyboard must be provided."},"isNonModal":{"type":"boolean","description":"Whether the popover is non-modal, i.e. elements outside the popover may be\ninteracted with by assistive technologies.\n\nMost popovers should not use this option as it may negatively impact the screen\nreader experience. Only use with components such as combobox, which are designed\nto handle this situation carefully."},"isOpen":{"type":"boolean","description":"Whether the overlay is open by default (controlled)."},"lang":{"type":"string"},"maxHeight":{"type":"number","description":"The maxHeight specified for the overlay element.\nBy default, it will take all space up to the current viewport height."},"offset":{"type":"number","default":"8","description":"The additional offset applied along the main axis between the element and its\nanchor element."},"onBlurWithin":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the target element and all descendants lose focus."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocusWithin":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the target element or a descendant receives focus."},"onFocusWithinChange":{"type":"((isFocusWithin: boolean) => void)","description":"Handler that is called when the the focus within state changes."},"onOpenChange":{"type":"((isOpen: boolean) => void)","description":"Handler that is called when the overlay's open state changes."},"placement":{"type":"\"bottom\" | \"bottom left\" | \"bottom right\" | \"bottom start\" | \"bottom end\" | \"top\" | \"top left\" | \"top right\" | \"top start\" | \"top end\" | \"left\" | \"left top\" | \"left bottom\" | \"start\" | \"start top\" | \"start bottom\" | \"right\" | \"right top\" | \"right bottom\" | \"end\" | \"end top\" | \"end bottom\"","default":"'bottom'","description":"The placement of the element with respect to its anchor element."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"scrollRef":{"type":"RefObject<Element | null>","default":"overlayRef","description":"A ref for the scrollable region within the overlay."},"shouldCloseOnInteractOutside":{"type":"((element: Element) => boolean)","description":"When user interacts with the argument element outside of the popover ref,\nreturn true if onClose should be called. This gives you a chance to filter\nout interaction with elements that should not dismiss the popover.\nBy default, onClose will always be called on interaction outside the popover ref."},"shouldFlip":{"type":"boolean","default":"true","description":"Whether the element should flip its orientation (e.g. top to bottom or left to right) when\nthere is insufficient room for it to render completely."},"shouldSkipAnimation":{"type":"boolean","description":"Whether the popover should appear and disappear without an entry or exit animation. This is\nused by components such as PreviewTrigger to skip animations when quickly swapping between\noverlays."},"shouldUpdatePosition":{"type":"boolean","default":"true","description":"Whether the overlay should update its position automatically."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"trigger":{"type":"string","description":"The name of the component that triggered the popover. This is reflected on the element\nas the `data-trigger` attribute, and can be used to provide specific\nstyles for the popover depending on which element triggered it."},"triggerRef":{"type":"RefObject<Element | null>","description":"The ref for the element which the popover positions itself with respect to.\n\nWhen used within a trigger component such as DialogTrigger, MenuTrigger, Select, etc.,\nthis is set automatically. It is only required when used standalone."},"width":{"type":"string | number","description":"A fixed width for the popover."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"CopyButton":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["style","wrapWith"]},"props":{"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-current":{"type":"boolean | \"step\" | \"false\" | \"true\" | \"page\" | \"location\" | \"date\" | \"time\"","description":"Indicates whether this element represents the current item within a container or set of related\nelements."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-disabled":{"type":"boolean","description":"Disables button but keeps it focusable."},"aria-expanded":{"type":"boolean | \"false\" | \"true\"","description":"Indicates whether the element, or another grouping element it controls, is currently expanded\nor collapsed."},"aria-haspopup":{"type":"boolean | \"false\" | \"true\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\"","description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that\ncan be triggered by an element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"aria-pressed":{"type":"boolean | \"false\" | \"true\" | \"mixed\"","description":"Indicates the current \"pressed\" state of toggle buttons."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode","description":"The children of the component. A function may be provided to alter the children based on\ncomponent state."},"className":{"type":"ClassNameOrFunction<ButtonRenderProps>","default":"'react-aria-Button'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"color":{"type":"\"dark\" | \"light\" | \"dark-static\" | \"light-static\" | \"success\" | \"danger\" | \"primary\" | \"secondary\" | \"accent\"","default":"\"primary\"","description":"The color of the button.\n@deprecatedValues accent"},"dir":{"type":"string"},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the button with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#form)."},"formAction":{"type":"string | ((formData: FormData) => void | Promise<void>)","description":"The URL that processes the information submitted by the button.\nOverrides the action attribute of the button's form owner."},"formEncType":{"type":"string","description":"Indicates how to encode the form data that is submitted."},"formMethod":{"type":"string","description":"Indicates the HTTP method used to submit the form."},"formNoValidate":{"type":"boolean","description":"Indicates that the form is not to be validated when it is submitted."},"formTarget":{"type":"string","description":"Overrides the target attribute of the button's form owner."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the button is disabled."},"isFailed":{"type":"boolean","description":"Whether the button is in a failed state."},"isPending":{"type":"boolean","description":"Whether the button is in a pending state."},"isReadOnly":{"type":"boolean","description":"Whether the button is in a read only state."},"isSucceeded":{"type":"boolean","description":"Whether the button is in a succeeded state."},"lang":{"type":"string"},"name":{"type":"string","description":"Submitted as a pair with the button's value as part of the form data."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"preventFocusOnPress":{"type":"boolean","description":"Whether to prevent focus from moving to the button when pressing it.\n\nCaution, this can make the button inaccessible and should only be used when alternative\nkeyboard interaction is provided, such as ComboBox's MenuTrigger or a NumberField's\nincrement/decrement control."},"size":{"type":"\"s\" | \"m\"","default":"\"m\"","description":"The size of the button."},"slot":{"type":"string","description":"Slot for button placement in action groups."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"text":{"type":"string","description":"The text to copy."},"translate":{"type":"\"yes\" | \"no\""},"type":{"type":"\"button\" | \"submit\" | \"reset\"","default":"'button'","description":"The behavior of the button when used in an HTML form."},"value":{"type":"string","description":"The value associated with the button's name when it's submitted with the form data."},"variant":{"type":"\"solid\" | \"plain\" | \"soft\" | \"outline\"","default":"\"solid\"","description":"The visual variant of the button."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"CounterBadge":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"count":{"type":"number","description":"The number displayed inside the badge."},"elementType":{"type":"\"span\" | ExoticComponent<{}>","description":"The HTML element or React component rendered as the elements root."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"CountryOptions":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true,"excludedProps":["render","renderEmptyState","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean | FocusStrategy","description":"Whether to auto focus the listbox or an option."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<ListBoxItemRenderProps>","default":"'react-aria-ListBoxItem'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultSelectedKeys":{"type":"\"all\" | Iterable<Key>","description":"The initial selected keys in the collection (uncontrolled)."},"dependencies":{"type":"readonly any[]","description":"Values that should invalidate the item cache when using dynamic collections."},"dir":{"type":"string"},"disabledKeys":{"type":"Iterable<Key>","description":"The item keys that are disabled. These items cannot be selected, focused, or otherwise\ninteracted with."},"disallowEmptySelection":{"type":"boolean","description":"Whether the collection allows empty selection."},"dragAndDropHooks":{"type":"DragAndDropHooks<object>","description":"The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for\nthe ListBox."},"escapeKeyBehavior":{"type":"\"none\" | \"clearSelection\"","default":"'clearSelection'","description":"Whether pressing the escape key should clear selection in the listbox or not.\n\nMost experiences should not modify this option as it eliminates a keyboard user's ability to\neasily clear selection. Only use if the escape key is being handled externally or should not\ntrigger selection clearing contextually."},"filterBy":{"type":"CountryFilterFn"},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"items":{"type":"Iterable<object>","description":"Item objects in the collection."},"lang":{"type":"string"},"layout":{"type":"\"grid\" | \"stack\"","default":"'stack'","description":"Whether the items are arranged in a stack or grid."},"onAction":{"type":"((key: Key) => void)","description":"Handler that is called when a user performs an action on an item. The exact user event depends\non the collection's `selectionBehavior` prop and the interaction modality."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onSelectionChange":{"type":"((keys: Selection) => void)","description":"Handler that is called when the selection changes."},"orientation":{"type":"\"horizontal\" | \"vertical\"","default":"'vertical'","description":"The primary orientation of the items. Usually this is the\ndirection that the collection scrolls."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"renderEmptyState":{"type":"((props: ListBoxRenderProps) => ReactNode)","description":"Provides content to display when there are no items in the list."},"selectedKeys":{"type":"\"all\" | Iterable<Key>","description":"The currently selected keys in the collection (controlled)."},"selectionBehavior":{"type":"\"toggle\" | \"replace\"","default":"'toggle'","description":"How multiple selection should behave in the collection."},"selectionMode":{"type":"\"multiple\" | \"none\" | \"single\"","description":"The type of selection that is allowed in the collection."},"shouldFocusOnHover":{"type":"boolean","description":"Whether options should be focused when the user hovers over them."},"shouldFocusWrap":{"type":"boolean","description":"Whether focus should wrap around when the end/start is reached."},"shouldSelectOnPressUp":{"type":"boolean","description":"Whether selection should occur on press up instead of press down."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"sortBy":{"type":"CountrySortFn"},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"DatePicker":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoComplete":{"type":"string","description":"Describes the type of autocomplete functionality the input should provide if any. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete)."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<DateRangePickerRenderProps>","default":"'react-aria-DateRangePicker'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultOpen":{"type":"boolean","description":"Whether the overlay is open by default (uncontrolled)."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"firstDayOfWeek":{"type":"\"sun\" | \"mon\" | \"tue\" | \"wed\" | \"thu\" | \"fri\" | \"sat\"","description":"The day that starts the week."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"granularity":{"type":"\"hour\" | \"minute\" | \"second\"","default":"'minute'","description":"Determines the smallest unit that is displayed in the time picker."},"hidden":{"type":"boolean"},"hideTimeZone":{"type":"boolean","description":"Whether to hide the time zone abbreviation."},"hourCycle":{"type":"12 | 24","description":"Whether to display the time in 12 or 24 hour format. By default, this is determined by the\nuser's locale."},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDateUnavailable":{"type":"((date: DateValue, anchorDate: CalendarDate | null) => boolean)","description":"Callback that is called for each date of the calendar. If it returns true, then the date is\nunavailable."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isOpen":{"type":"boolean","description":"Whether the overlay is open by default (controlled)."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"maxValue":{"type":"TimeValue","description":"The maximum allowed time that a user may select."},"minValue":{"type":"TimeValue","description":"The minimum allowed time that a user may select."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onOpenChange":{"type":"((isOpen: boolean) => void)","description":"Handler that is called when the overlay's open state changes."},"pageBehavior":{"type":"\"single\" | \"visible\"","default":"visible","description":"Controls the behavior of paging. Pagination either works by advancing the visible page by\nvisibleDuration (default) or one unit of visibleDuration."},"placeholderValue":{"type":"TimeValue","description":"A placeholder time that influences the format of the placeholder shown when no value is\nselected. Defaults to 12:00 AM or 00:00 depending on the hour cycle."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"shouldCloseOnSelect":{"type":"boolean | (() => boolean)","default":"true","description":"Determines whether the date picker popover should close automatically when a date is selected."},"shouldForceLeadingZeros":{"type":"boolean","description":"Whether to always show leading zeros in the hour field.\nBy default, this is determined by the user's locale."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"DateRangePicker":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"allowsNonContiguousRanges":{"type":"boolean","description":"When combined with `isDateUnavailable`, determines whether non-contiguous ranges,\ni.e. ranges containing unavailable dates, may be selected."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<DateRangePickerRenderProps>","default":"'react-aria-DateRangePicker'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultOpen":{"type":"boolean","description":"Whether the overlay is open by default (uncontrolled)."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"endName":{"type":"string","description":"The name of the end date input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"firstDayOfWeek":{"type":"\"sun\" | \"mon\" | \"tue\" | \"wed\" | \"thu\" | \"fri\" | \"sat\"","description":"The day that starts the week."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"granularity":{"type":"\"hour\" | \"minute\" | \"second\"","default":"'minute'","description":"Determines the smallest unit that is displayed in the time picker."},"hidden":{"type":"boolean"},"hideTimeZone":{"type":"boolean","description":"Whether to hide the time zone abbreviation."},"hourCycle":{"type":"12 | 24","description":"Whether to display the time in 12 or 24 hour format. By default, this is determined by the\nuser's locale."},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDateUnavailable":{"type":"((date: DateValue, anchorDate: CalendarDate | null) => boolean)","description":"Callback that is called for each date of the calendar. If it returns true, then the date is\nunavailable."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isOpen":{"type":"boolean","description":"Whether the overlay is open by default (controlled)."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"maxValue":{"type":"TimeValue","description":"The maximum allowed time that a user may select."},"minValue":{"type":"TimeValue","description":"The minimum allowed time that a user may select."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onOpenChange":{"type":"((isOpen: boolean) => void)","description":"Handler that is called when the overlay's open state changes."},"pageBehavior":{"type":"\"single\" | \"visible\"","default":"visible","description":"Controls the behavior of paging. Pagination either works by advancing the visible page by\nvisibleDuration (default) or one unit of visibleDuration."},"placeholderValue":{"type":"TimeValue","description":"A placeholder time that influences the format of the placeholder shown when no value is\nselected. Defaults to 12:00 AM or 00:00 depending on the hour cycle."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"shouldCloseOnSelect":{"type":"boolean | (() => boolean)","default":"true","description":"Determines whether the date picker popover should close automatically when a date is selected."},"shouldForceLeadingZeros":{"type":"boolean","description":"Whether to always show leading zeros in the hour field.\nBy default, this is determined by the user's locale."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"startName":{"type":"string","description":"The name of the start date input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"withDatePickerPresets":{"type":"boolean | DateRangePresets","default":"false","description":"Whether the calendar offers presets to pick a range with one click. Pass an\narray to replace the built-in presets with your own."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"DeprecationWarningProvider":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"onWarning":{"type":"DeprecationWarningHandler"}}},"Div":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."}}},"DonutChart":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<ProgressBarRenderProps>","default":"'react-aria-ProgressBar'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"dir":{"type":"string"},"formatOptions":{"type":"NumberFormatOptions","default":"{ style: 'percent' }","description":"The display format of the value label."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isIndeterminate":{"type":"boolean","description":"Whether presentation is indeterminate when progress isn't known."},"lang":{"type":"string"},"legendPosition":{"type":"\"bottom\" | \"top\" | \"left\" | \"right\"","default":"\"right\"","description":"The position of the legend."},"maxValue":{"type":"number","default":"100","description":"The largest value allowed for the input."},"minValue":{"type":"number","default":"0","description":"The smallest value allowed for the input."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"segments":{"type":"DonutChartSegment[]","description":"Divides the fill of the donut chart into segments"},"showLegend":{"type":"boolean","default":":\ntrue","description":"Whether the legend component is shown when segments are used."},"size":{"type":"\"m\" | \"l\"","default":"\"m\"","description":"The size variant of the donut chart."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\"","description":"The status the donut chart is colored by."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"value":{"type":"number","default":"0","description":"The current value (controlled)."}}},"Field":{"importFrom":["@mittwald/flow-react-components/react-hook-form"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"control":{"type":"Control<T, any, T>"},"defaultValue":{"type":"any"},"disabled":{"type":"boolean"},"exact":{"type":"boolean"},"name":{"type":"string","required":true},"rules":{"type":"Omit<RegisterOptions<T, Path<T>>, \"disabled\" | \"valueAsNumber\" | \"valueAsDate\" | \"setValueAs\">"},"shouldUnregister":{"type":"boolean"}}},"FieldDescription":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","wrapWith"]},"props":{"align":{"type":"\"start\" | \"end\" | \"center\"","default":"\"start\"","description":"The alignment of the text."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\"","default":"\"default\"","description":"The color of the text."},"elementType":{"type":"\"div\" | \"span\" | \"p\" | ExoticComponent<{}>","description":"The HTML element or React component rendered as the elements root."},"emulateBoldWidth":{"type":"boolean","description":"Whether the elements width should match the width it would have with bold\ntext."},"noLigatures":{"type":"boolean","description":"Disables standard and contextual ligatures for predictable, literal text\nrendering."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"whiteSpace":{"type":"WhiteSpace","description":"The white-space property of the text."},"wordBreak":{"type":"\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"normal\" | \"auto-phrase\" | \"break-all\" | \"break-word\" | \"keep-all\"","description":"The word-break property of the text."},"wrap":{"type":"\"wrap\" | \"balance\" | \"pretty\"","description":"The text-wrap property of the text."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"FieldError":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<FieldErrorRenderProps>","default":"'react-aria-FieldError'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"dir":{"type":"string"},"elementType":{"type":"string","default":"'span'","description":"The HTML element type to render. Defaults to `'span'`.\nSet to `'div'` when using block-level children (e.g. `<ul>`) to avoid invalid HTML."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"lang":{"type":"string"},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"FileCard":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"className":{"type":"string","description":"The elements class name."},"download":{"type":"string | boolean","description":"Causes the browser to download the linked URL. A string may be provided to suggest a file name.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download)."},"elementType":{"type":"\"div\" | ExoticComponent<{}> | \"li\"","description":"The HTML element or React component rendered as the elements root."},"href":{"type":"string","description":"A URL to link to. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href)."},"imageSrc":{"type":"string","description":"The source of an image file."},"isFailed":{"type":"boolean","description":"Whether the file card is in a failed state."},"name":{"type":"string","description":"The name of the file."},"onDelete":{"type":"(() => void)","description":"Handler that is called when the file cards delete button is clicked."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"sizeInBytes":{"type":"number","description":"The size of the file in bytes."},"target":{"type":"HTMLAttributeAnchorTarget","description":"The target window for the link. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target)."},"type":{"type":"string","description":"The type of the file."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"FileCardList":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"columnGap":{"type":"\"s\" | \"m\" | \"l\" | \"xl\"","description":"Size of the column gap between the content blocks inside the column layout."},"gap":{"type":"\"s\" | \"m\" | \"l\" | \"xl\"","default":"\"m\"","description":"Size of the row and column gap between the content blocks inside the column\nlayout."},"l":{"type":"(number | null)[]","description":"Column layout for container size l."},"m":{"type":"(number | null)[]","description":"Column layout for container size m."},"rowGap":{"type":"\"s\" | \"m\" | \"l\" | \"xl\"","description":"Size of the row gap between the content blocks inside the column layout."},"s":{"type":"(number | null)[]","description":"Column layout for container size s."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"FileDropZone":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"isDisabled":{"type":"boolean","description":"Whether the drop target is disabled. If true, the drop target will not accept any drops."},"isReadOnly":{"type":"boolean","description":"Whether the component is read only."},"onChange":{"type":"FileInputOnChangeHandler","description":"Called with the dropped or selected files whenever the selection changes."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"FileField":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the component is read only."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"onChange":{"type":"FileInputOnChangeHandler","description":"Handler that is called when the file input changes."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Flex":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"align":{"type":"\"start\" | \"end\" | \"center\" | \"baseline\" | \"stretch\"","default":"\"start\"","description":"The alignItems value of the element."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"columnGap":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\"","description":"The columnGap size of the element."},"direction":{"type":"\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"row\" | \"column\" | \"column-reverse\" | \"row-reverse\"","default":"\"row\"","description":"The flexDirection value of the element."},"elementType":{"type":"\"div\" | \"span\" | \"p\" | \"main\" | ExoticComponent<{}> | \"aside\" | \"footer\" | \"header\" | \"li\" | \"ol\" | \"section\" | \"ul\"","description":"The HTML element or React component rendered as the elements root."},"gap":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\"","description":"The gap size of the element."},"grow":{"type":"boolean","description":"Whether the element should grow."},"justify":{"type":"JustifyContent","default":"\"start\"","description":"The justifyContent value of the element."},"padding":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\"","description":"The padding of the element."},"paddingBottom":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\"","description":"The padding bottom of the element."},"paddingLeft":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\"","description":"The padding left of the element."},"paddingRight":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\"","description":"The padding right of the element."},"paddingTop":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\"","description":"The padding top of the element."},"rowGap":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\"","description":"The rowGap size of the element."},"wrap":{"type":"\"wrap\" | \"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"nowrap\" | \"wrap-reverse\"","default":"\"nowrap\"","description":"The flexWrap value of the element."}}},"Form":{"importFrom":["@mittwald/flow-react-components/react-hook-form"],"level":"stable","remote":{"available":true},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"autoReset":{"type":"boolean | FormAutoResetOptions","default":"true","description":"When the form is reset to its default values. `true` resets it after the\nsurrounding modal has closed, `false` never resets it."},"form":{"type":"UseFormReturn<F>","required":true,"description":"The react-hook-form instance returned by `useForm()`."},"formComponent":{"type":"FC<Omit<FormComponentType, \"ref\">>","description":"The component rendered as the form element. Use it to render the form with\na routers form component. Defaults to a plain `<form />`."},"isReadOnly":{"type":"boolean","default":"false","description":"Whether all fields of the form can be read but not edited."},"onSubmit":{"type":"FormOnSubmitHandler<F>","required":true,"description":"Called with the validated form values when the form is submitted. Returning\na promise keeps the submit button pending until it settles."},"submitController":{"type":"{ submit: { (): Promise<void>; set(newSubmitHandler: () => void | Promise<void>): void; extend(submitController: ...): ...; }; }","description":"A controller to submit the form from outside of it."}}},"FormAction":{"importFrom":["@mittwald/flow-react-components/react-hook-form"],"level":"stable","remote":{"available":false},"props":{"children":{"type":"ReactNode"},"reset":{"type":"boolean"},"showFeedback":{"type":"boolean","description":"Whether success feedback is shown after the action succeeded. Asynchronous\nactions show feedback by default; set `false` to suppress it."},"submit":{"type":"boolean"}}},"FormRootError":{"importFrom":["@mittwald/flow-react-components/react-hook-form"],"level":"stable","remote":{"available":false},"props":{},"isNew":true},"FormSettingsProvider":{"importFrom":["@mittwald/flow-react-components/react-hook-form"],"level":"stable","remote":{"available":false},"props":{"children":{"type":"ReactNode"},"submitInterceptor":{"type":"SubmitInterceptor"}}},"Header":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"elementType":{"type":"\"div\" | \"span\" | ExoticComponent<{}> | \"header\"","description":"The HTML element or React component rendered as the elements root."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"HeaderNavigation":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\"","default":"\"default\"","description":"The color of the header navigation."}}},"Heading":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"className":{"type":"string","default":"'react-aria-Heading'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement."},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\" | \"danger\" | \"unavailable\"","default":"\"default\"","description":"The color of the heading."},"elementType":{"type":"\"span\" | \"p\" | ExoticComponent<{}>","description":"The HTML element or React component rendered as the elements root."},"level":{"type":"number","default":"3","description":"The heading level."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"size":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\" | \"xxl\"","description":"The font size of the heading."},"wrap":{"type":"\"wrap\" | \"balance\"","default":"undefined","description":"The text-wrap property of the text."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Icon":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"color":{"type":"IconWithCustomColor","description":"The color of the icon. Besides the Flow colors, any custom CSS color is\nsupported. Inherits the surrounding text color when unset."},"size":{"type":"\"s\" | \"m\" | \"l\"","default":"\"m\"","description":"The size of the icon."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\" | \"unavailable\"","description":"The elements status.\n@deprecated Use `color` instead.","deprecated":true},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"IllustratedMessage":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\" | \"danger\" | \"unavailable\"","default":"\"default\"","description":"The color of the illustrated message."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Image":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"aspectRatio":{"type":"number","description":"The aspect ratio of the images container. Larger images will be centered\nand their overflow will be hidden."},"withBorder":{"type":"boolean","description":"Display the image with border and rounded edges."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ImageCropper":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"aspectRatio":{"type":"number","description":"The aspect ratio of the crop shape."},"className":{"type":"string","description":"The elements class name."},"cropShape":{"type":"\"rect\" | \"round\""},"height":{"type":"Height<string | number>","default":"300","description":"The height of the component."},"image":{"type":"string | File","description":"The image file to crop."},"onCropComplete":{"type":"((croppedImage: File) => void)","description":"Callback on crop complete."},"width":{"type":"Width<string | number>","default":"300","description":"The width of the component."}},"isNew":true},"Initials":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-hidden":{"type":"boolean"},"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"InlineCode":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\"","default":"\"default\"","description":"The color schema of the inline code component."},"whiteSpace":{"type":"WhiteSpace","default":"undefined","description":"The white-space property of the inline code component."}}},"Kbd":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"isDisabled":{"type":"boolean","description":"Whether the component is displayed as disabled"},"keys":{"type":"string[]","description":"Array of keys to be joined"},"variant":{"type":"\"plain\" | \"soft\"","default":"\"plain\"","description":"The visual variant"},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}},"isNew":true},"Label":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"elementType":{"type":"string"},"isDisabled":{"type":"boolean","description":"Whether the label should be displayed as disabled."},"optional":{"type":"boolean","description":"Whether the label should show an \"optional\" indicator."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"LabeledValue":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."}}},"LayoutCard":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"elementType":{"type":"\"div\" | \"main\" | ExoticComponent<{}> | \"footer\" | \"header\"","description":"The HTML element or React component rendered as the elements root."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Legend":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."}}},"LightBox":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true,"excludedProps":["controller","wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"controller":{"type":"OverlayController","description":"An overlay controller to control the light box state."},"fitScreen":{"type":"boolean","default":"true","description":"Whether content can be displayed larger than the available space in the\nscreen."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"LightBoxTrigger":{"importFrom":["@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true,"excludedProps":["controller","wrapWith"]},"props":{"children":{"type":"ReactNode"},"controller":{"type":"OverlayController","description":"A controller to control the state of the overlay."},"isDefaultOpen":{"type":"boolean","description":"Whether the overlay should be open initially."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Link":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-current":{"type":"string","description":"Marks the link as the currently active one, e.g. in a navigation."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\"","default":"\"default\"","description":"The color of the link."},"dir":{"type":"string"},"download":{"type":"string | boolean","description":"Causes the browser to download the linked URL. A string may be provided to suggest a file name.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download)."},"hidden":{"type":"boolean"},"href":{"type":"string","description":"A URL to link to. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href)."},"hrefLang":{"type":"string","description":"Hints at the human language of the linked URL.\nSee[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#hreflang)."},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"inline":{"type":"boolean","description":"Whether the link should be styled for being displayed inside a text."},"isDisabled":{"type":"boolean","description":"Whether the link is disabled."},"lang":{"type":"string"},"linkComponent":{"type":"ComponentType<Omit<DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, \"ref\">>","description":"An alternative link component."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"ping":{"type":"string","description":"A space-separated list of URLs to ping when the link is followed. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#ping)."},"referrerPolicy":{"type":"\"\" | \"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"same-origin\" | \"strict-origin\" | \"strict-origin-when-cross-origin\" | \"unsafe-url\"","description":"How much of the referrer to send when following the link. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy)."},"rel":{"type":"string","description":"The relationship between the linked resource and the current page. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"routerOptions":{"type":"undefined","description":"Options for the configured client side router."},"size":{"type":"\"s\" | \"m\"","default":"\"m\"","description":"The size of the element."},"slot":{"type":"string","description":"The name of the slot the link is placed in."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"target":{"type":"HTMLAttributeAnchorTarget","description":"The target window for the link. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target)."},"translate":{"type":"\"yes\" | \"no\""},"whiteSpace":{"type":"WhiteSpace","description":"The whiteSpace css value of the element."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"LinkProvider":{"importFrom":["@mittwald/flow-react-components/nextjs"],"level":"deprecated","remote":{"available":false},"props":{"children":{"type":"ReactNode"}},"deprecationNotice":"Use RouterProvider instead"},"List":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"accordion":{"type":"boolean","default":"false","description":"Makes list items expandable. The expanded content is placed in `<Content\nslot=\"bottom\" />`."},"aria-label":{"type":"string","description":"An accessible label for the list."},"aria-labelledby":{"type":"string","description":"The ID of the element labelling the list."},"batchSize":{"type":"number","description":"The number of items to be displayed on one page."},"children":{"type":"ReactNode"},"defaultSelectedKeys":{"type":"\"all\" | Iterable<Key>","description":"The initial selected keys in the collection (uncontrolled)."},"defaultViewMode":{"type":"\"list\" | \"table\" | \"tiles\"","default":"\"list\"","description":"The view mode the list starts in. A persisted view mode takes precedence."},"disabledKeys":{"type":"Iterable<Key>","description":"The currently disabled keys in the collection (controlled)."},"disallowEmptySelection":{"type":"boolean","description":"Whether the collection allows empty selection."},"emptySearchResultView":{"type":"ReactNode","description":"The view rendered when a search or filter returns no results."},"emptyView":{"type":"ReactNode","description":"The view rendered when the list contains no items."},"getItemId":{"type":"GetItemId<never>","description":"Derives a stable ID from an items data. Used to deduplicate items across\nloaded batches and as the row ID in the table view."},"hidePagination":{"type":"boolean","default":"false","description":"Hides the pagination controls below the list."},"infiniteScroll":{"type":"boolean","default":"false","description":"Automatically loads the next batch of items when the user scrolls to the\nend of the list, instead of showing a \"Show more\" button."},"loadingItemsCount":{"type":"number","description":"The number of skeleton placeholder items rendered while data is loading.\nDefaults to the lists batch size."},"onAction":{"type":"ItemActionFn<never>","description":"Called with the items data when the user activates a list item."},"onChange":{"type":"OnListChanged<never, unknown>","description":"Called with the list model whenever its state changes."},"onSelectionChange":{"type":"((keys: Selection) => void)","description":"Handler that is called when the selection changes."},"selectedKeys":{"type":"\"all\" | Iterable<Key>","description":"The currently selected keys in the collection (controlled)."},"selectionBehavior":{"type":"\"toggle\" | \"replace\"","description":"Whether selecting an item replaces the current selection (`\"replace\"`) or\nadds to it (`\"toggle\"`)."},"selectionMode":{"type":"\"multiple\" | \"none\" | \"single\"","description":"The type of selection that is allowed in the collection."},"settingStorageKey":{"type":"string","description":"The key the lists settings (view mode, search, filters, sorting) are\npersisted under. Requires a `<SettingsProvider />` — without a key nothing\nis persisted."},"settingsStorageDefaults":{"type":"ListSettingsStorageDefaults","description":"Defaults for how the lists settings are persisted."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ListItemView":{"importFrom":["@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true},"props":{"avatar":{"type":"ReactNode"},"bottom":{"type":"ReactNode"},"button":{"type":"ReactNode"},"checkbox":{"type":"ReactNode"},"children":{"type":"ReactNode"},"l":{"type":"(number | null)[]","description":"Column layout for container size l."},"m":{"type":"(number | null)[]","description":"Column layout for container size m."},"s":{"type":"(number | null)[]","description":"Column layout for container size s."},"subTitle":{"type":"ReactNode"},"title":{"type":"ReactNode"},"viewMode":{"type":"\"list\" | \"table\" | \"tiles\""}}},"LoadingSpinner":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\"","default":"\"default\"","description":"The color of the loading spinner."},"size":{"type":"\"s\" | \"m\" | \"l\"","default":"\"m\"","description":"The size of the icon."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\" | \"unavailable\"","description":"The elements status.\n@deprecated Use `color` instead.","deprecated":true},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Markdown":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["components","ref"]},"props":{"allowElement":{"type":"AllowElement","description":"Filter elements (optional);\n`allowedElements` / `disallowedElements` is used first."},"allowedElements":{"type":"readonly string[]","description":"Tag names to allow (default: all tag names);\ncannot combine w/ `disallowedElements`."},"children":{"type":"ReactNode","description":"Markdown."},"className":{"type":"string","description":"The elements class name."},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\"","default":"\"default\"","description":"The color schema of the markdown component."},"components":{"type":"Components","description":"Allows overriding markdown element renderers from outside."},"disallowedElements":{"type":"readonly string[]","description":"Tag names to disallow (default: `[]`);\ncannot combine w/ `allowedElements`."},"headingOffset":{"type":"number","default":"0","description":"Shifts all heading levels by the given offset."},"ref":{"type":"Ref<HTMLDivElement>","description":"A ref to the elements root."},"rehypePlugins":{"type":"PluggableList","description":"List of rehype plugins to use."},"remarkPlugins":{"type":"PluggableList","description":"List of remark plugins to use."},"remarkRehypeOptions":{"type":"Readonly<Options>","description":"Options to pass through to `remark-rehype`."},"skipHtml":{"type":"boolean","description":"Ignore HTML in markdown completely (default: `false`)."},"unwrapDisallowed":{"type":"boolean","description":"Extract (unwrap) what’s in disallowed elements (default: `false`);\nnormally when say `strong` is not allowed, it and it’s children are dropped,\nwith `unwrapDisallowed` the element itself is replaced by its children."},"urlTransform":{"type":"UrlTransform","description":"Change URLs (default: `defaultUrlTransform`)"}}},"MarkdownEditor":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"allowHorizontalResize":{"type":"boolean","description":"@deprecated Use `allowResize` instead.","deprecated":true},"allowResize":{"type":"boolean | \"horizontal\" | \"vertical\"","description":"Allows the user to manually resize the textArea horizontally."},"allowVerticalResize":{"type":"boolean","description":"@deprecated Use `allowResize` instead.","deprecated":true},"aria-activedescendant":{"type":"string","description":"Identifies the currently active element when DOM focus is on a composite widget, textbox,\ngroup, or application."},"aria-autocomplete":{"type":"\"list\" | \"none\" | \"inline\" | \"both\"","description":"Indicates whether inputting text could trigger display of one or more predictions of the user's\nintended value for an input and specifies how predictions would be presented if they are made."},"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-haspopup":{"type":"boolean | \"false\" | \"true\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\"","description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that\ncan be triggered by an element."},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoComplete":{"type":"string","description":"Describes the type of autocomplete functionality the input should provide if any. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete)."},"autoCorrect":{"type":"string","description":"An attribute that takes as its value a space-separated string that describes what, if any, type\nof autocomplete functionality the input should provide. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete)."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"autoResizeMaxRows":{"type":"number","description":"Whether the text area should grow if its content gets longer than its\ninitial height."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<TextFieldRenderProps>","default":"'react-aria-TextField'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"enterKeyHint":{"type":"\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\"","description":"An enumerated attribute that defines what action label or icon to preset for the enter key on\nvirtual keyboards. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)."},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"headingOffset":{"type":"number","default":"0","description":"Shifts all heading levels by the given offset."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"inputMode":{"type":"\"text\" | \"none\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"numeric\" | \"decimal\"","description":"Hints at the type of data that might be entered by the user while editing the element or its\ncontents. See\n[MDN](https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute)."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"markdownComponent":{"type":"ComponentType<MarkdownProps>","description":"Allows replacing the markdown preview renderer implementation. Defaults to\nthe internal `Markdown` component."},"maxLength":{"type":"number","description":"The maximum number of characters supported by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefmaxlength)."},"minLength":{"type":"number","description":"The minimum number of characters required by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefminlength)."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBeforeInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is about to be modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onCompositionEnd":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system completes or cancels the current text\ncomposition session. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event)."},"onCompositionStart":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system starts a new text composition session.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event)."},"onCompositionUpdate":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a new character is received in the current text composition\nsession. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event)."},"onCopy":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user copies text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncopy)."},"onCut":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user cuts text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncut)."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPaste":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user pastes text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/onpaste)."},"onSelect":{"type":"ReactEventHandler<HTMLInputElement>","description":"Handler that is called when text in the input is selected. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."},"pattern":{"type":"string","description":"Regex pattern that the value of the input must match to be valid. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefpattern)."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"showCharacterCount":{"type":"boolean","description":"Whether a character count should be displayed inside the field description."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"spellCheck":{"type":"string","description":"An enumerated attribute that defines whether the element may be checked for spelling errors.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck)."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"type":{"type":"\"text\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"password\" | (string & {})","default":"'text'","description":"The type of input to render. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype)."},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"MenuItem":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-current":{"type":"string","description":"Marks the menu item as referring to the currently active page."},"aria-disabled":{"type":"boolean","description":"Disables button but keeps it focusable."},"aria-label":{"type":"string","description":"An accessibility label for this item."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<MenuItemRenderProps>","default":"'react-aria-MenuItem'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"dir":{"type":"string"},"download":{"type":"string | boolean","description":"Causes the browser to download the linked URL. A string may be provided to suggest a file name.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download)."},"hidden":{"type":"boolean"},"href":{"type":"string","description":"A URL to link to. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href)."},"hrefLang":{"type":"string","description":"Hints at the human language of the linked URL.\nSee[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#hreflang)."},"id":{"type":"Key","description":"The unique id of the item."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the item is disabled."},"isFailed":{"type":"boolean","description":"Whether the button is in a failed state."},"isPending":{"type":"boolean","description":"Whether the button is in a pending state."},"isSucceeded":{"type":"boolean","description":"Whether the button is in a succeeded state."},"lang":{"type":"string"},"onAction":{"type":"(() => void)","description":"Handler that is called when the item is selected."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"ping":{"type":"string","description":"A space-separated list of URLs to ping when the link is followed. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#ping)."},"referrerPolicy":{"type":"\"\" | \"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"same-origin\" | \"strict-origin\" | \"strict-origin-when-cross-origin\" | \"unsafe-url\"","description":"How much of the referrer to send when following the link. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy)."},"rel":{"type":"string","description":"The relationship between the linked resource and the current page. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"routerOptions":{"type":"undefined","description":"Options for the configured client side router."},"selectionVariant":{"type":"\"navigation\" | \"switch\" | \"control\""},"shouldCloseOnSelect":{"type":"boolean","description":"Whether the menu should close when the menu item is selected."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"target":{"type":"HTMLAttributeAnchorTarget","description":"The target window for the link. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target)."},"textValue":{"type":"string","description":"A string representation of the item's contents, used for features like typeahead."},"translate":{"type":"\"yes\" | \"no\""},"value":{"type":"object","description":"The object value that this item represents. When using dynamic collections, this is set\nautomatically."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Message":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"color":{"type":"string","description":"A custom background color of the message as a CSS color value."},"elementType":{"type":"\"article\" | ExoticComponent<{}> | \"li\"","description":"The HTML element or React component rendered as the elements root."},"type":{"type":"\"responder\" | \"sender\"","default":"\"responder\"","description":"Determines the color and orientation of the message."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"MessageThread":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Modal":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true,"excludedProps":["controller","wrapWith"]},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"confirmOnClose":{"type":"boolean","description":"Whether closing the modal must be confirmed – use it to protect unsaved\nchanges."},"controller":{"type":"OverlayController","description":"An overlay controller to control the modal state."},"isDefaultOpen":{"type":"boolean","default":"false","description":"Whether the overlay is open initially. Use it for an uncontrolled overlay."},"isDismissable":{"type":"boolean","description":"Whether the modal can be closed by clicking outside of it."},"isOpen":{"type":"boolean","description":"Whether the overlay is open. Use it to control the overlay state."},"offCanvas":{"type":"boolean","description":"Whether the modal should be displayed as an off canvas."},"offCanvasOrientation":{"type":"\"left\" | \"right\"","default":"\"right\"","description":"Whether the off canvas should be displayed on the right or left side of the\nscreen."},"onClose":{"type":"OverlayCloseHandler","description":"Called when the overlay is closed."},"onOpen":{"type":"OverlayOpenHandler","description":"Called when the overlay is opened."},"onOpenChange":{"type":"OverlayOpenStateHandler","description":"Called with the new open state whenever the overlay is opened or closed."},"showCloseButton":{"type":"boolean","description":"Whether the close button should be visible"},"size":{"type":"\"s\" | \"m\" | \"l\"","default":"\"s\"","description":"The size of the modal."},"slot":{"type":"string","description":"Accepts \"actionConfirm\" to use the modal as a confirmation modal for an\naction."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ModalTrigger":{"importFrom":["@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true,"excludedProps":["controller","wrapWith"]},"props":{"children":{"type":"ReactNode"},"controller":{"type":"OverlayController","description":"A controller to control the state of the overlay."},"isDefaultOpen":{"type":"boolean","description":"Whether the overlay should be open initially."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Navigation":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Notification":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"autoClose":{"type":"boolean","description":"Whether the notification should disappear automatically after some time."},"href":{"type":"string","description":"A link that is triggered when clicking the notification."},"onClick":{"type":"(() => void)","description":"Handler that is called when the notification is clicked."},"onClose":{"type":"(() => void)","description":"Handler that is called when the close button of the notification is\nclicked."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\" | \"unavailable\"","description":"The elements status"}}},"NotificationProvider":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."}}},"NumberField":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<NumberFieldRenderProps>","default":"'react-aria-NumberField'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"commitBehavior":{"type":"\"validate\" | \"snap\"","default":"'snap'","description":"Controls the behavior of the number field when the user blurs the field after editing. 'snap'\nwill clamp the value to the min/max values, and snap to the nearest step value. 'validate' will\nnot clamp the value, and will validate that the value is within the min/max range and on a\nvalid step."},"decrementAriaLabel":{"type":"string","description":"A custom aria-label for the decrement button. If not provided, the localized string \"Decrement\"\nis used."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"formatOptions":{"type":"NumberFormatOptions","description":"Formatting options for the value displayed in the number field.\nThis also affects what characters are allowed to be typed by the user."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"incrementAriaLabel":{"type":"string","description":"A custom aria-label for the increment button. If not provided, the localized string \"Increment\"\nis used."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"isWheelDisabled":{"type":"boolean","description":"Enables or disables changing the value with scroll."},"lang":{"type":"string"},"maxValue":{"type":"number","description":"The largest value allowed for the input."},"minValue":{"type":"number","description":"The smallest value allowed for the input."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBeforeInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is about to be modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onCompositionEnd":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system completes or cancels the current text\ncomposition session. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event)."},"onCompositionStart":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system starts a new text composition session.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event)."},"onCompositionUpdate":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a new character is received in the current text composition\nsession. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event)."},"onCopy":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user copies text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncopy)."},"onCut":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user cuts text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncut)."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPaste":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user pastes text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/onpaste)."},"onSelect":{"type":"ReactEventHandler<HTMLInputElement>","description":"Handler that is called when text in the input is selected. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"step":{"type":"number","description":"The amount that the input value changes with each increment or decrement \"tick\"."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Option":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-label":{"type":"string","description":"An accessibility label for this item."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<ListBoxItemRenderProps>","default":"'react-aria-ListBoxItem'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"dir":{"type":"string"},"download":{"type":"string | boolean","description":"Causes the browser to download the linked URL. A string may be provided to suggest a file name.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download)."},"hidden":{"type":"boolean"},"href":{"type":"string","description":"A URL to link to. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href)."},"hrefLang":{"type":"string","description":"Hints at the human language of the linked URL.\nSee[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#hreflang)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the item is disabled."},"lang":{"type":"string"},"onAction":{"type":"(() => void)","description":"Handler that is called when a user performs an action on the item. The exact user event depends\non the collection's `selectionBehavior` prop and the interaction modality."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"ping":{"type":"string","description":"A space-separated list of URLs to ping when the link is followed. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#ping)."},"referrerPolicy":{"type":"\"\" | \"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"same-origin\" | \"strict-origin\" | \"strict-origin-when-cross-origin\" | \"unsafe-url\"","description":"How much of the referrer to send when following the link. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy)."},"rel":{"type":"string","description":"The relationship between the linked resource and the current page. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"routerOptions":{"type":"undefined","description":"Options for the configured client side router."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"target":{"type":"HTMLAttributeAnchorTarget","description":"The target window for the link. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target)."},"textValue":{"type":"string","description":"A string representation of the item's contents, used for features like typeahead."},"translate":{"type":"\"yes\" | \"no\""},"value":{"type":"string | number"},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Overlay":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":false},"props":{"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"confirmOnClose":{"type":"boolean","description":"Whether closing the overlay must be confirmed."},"controller":{"type":"OverlayController","description":"The controller to control the overlay state."},"isDefaultOpen":{"type":"boolean","default":"false","description":"Whether the overlay is open initially. Use it for an uncontrolled overlay."},"isDismissable":{"type":"boolean","description":"Whether the overlay can be closed by clicking outside of it."},"isOpen":{"type":"boolean","description":"Whether the overlay is open. Use it to control the overlay state."},"onClose":{"type":"OverlayCloseHandler","description":"Called when the overlay is closed."},"onOpen":{"type":"OverlayOpenHandler","description":"Called when the overlay is opened."},"onOpenChange":{"type":"OverlayOpenStateHandler","description":"Called with the new open state whenever the overlay is opened or closed."},"overlayType":{"type":"\"LightBox\" | \"Modal\"","description":"Whether the overlay is a modal or a light box."},"ref":{"type":"Ref<HTMLDivElement>"}}},"OverlayTrigger":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":false},"props":{"children":{"type":"ReactNode"},"component":{"type":"AriaComponentType","required":true},"controller":{"type":"OverlayController","description":"A controller to control the state of the overlay."},"isDefaultOpen":{"type":"boolean","description":"Whether the overlay should be open initially."},"overlayType":{"type":"\"AccentBox\" | \"Action\" | \"ActionGroup\" | \"Accordion\" | \"Alert\" | \"AlertBadge\" | \"AlertIcon\" | \"AlertText\" | \"Align\" | \"Combine\" | \"Avatar\" | \"Autocomplete\" | \"Badge\" | \"Button\" | \"CodeEditor\" | \"Chat\" | \"Checkbox\" | \"CheckboxButton\" | \"CheckboxGroup\" | \"ColumnLayout\" | \"ComboBox\" | \"Content\" | \"ContextMenu\" | \"ContextMenuSection\" | \"ContextMenuTrigger\" | \"ContextualHelp\" | \"ContextualHelpTrigger\" | \"CopyButton\" | \"CounterBadge\" | \"CountryOptions\" | \"DatePicker\" | \"DateRangePicker\" | \"FieldDescription\" | \"FieldError\" | \"FileCard\" | \"FileCardList\" | \"FileField\" | \"FileDropZone\" | \"Header\" | \"Heading\" | \"TabNavigation\" | \"Icon\" | \"IllustratedMessage\" | \"Image\" | \"Initials\" | \"Label\" | \"LayoutCard\" | \"LightBox\" | \"LightBoxGallery\" | \"LightBoxGalleryItem\" | \"Link\" | \"List\" | \"ListItemView\" | \"ListSummary\" | \"MarkdownEditor\" | \"MenuItem\" | \"MenuTrigger\" | \"Message\" | \"MessageThread\" | \"Modal\" | \"ModalTrigger\" | \"Navigation\" | \"NavigationGroup\" | \"NumberField\" | \"Option\" | \"Options\" | \"Popover\" | \"PopoverTrigger\" | \"PasswordCreationField\" | \"ProgressBar\" | \"Radio\" | \"RadioButton\" | \"RadioGroup\" | \"Rating\" | \"RatingSegment\" | \"SearchField\" | \"Section\" | \"Segment\" | \"SegmentedControl\" | \"Select\" | \"Kbd\" | \"SectionHeader\" | \"Slider\" | \"Switch\" | \"Tabs\" | \"TabTitle\" | \"Text\" | \"TextArea\" | \"TextField\" | \"TimeField\"","required":true},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"PasswordCreationField":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-activedescendant":{"type":"string","description":"Identifies the currently active element when DOM focus is on a composite widget, textbox,\ngroup, or application."},"aria-autocomplete":{"type":"\"list\" | \"none\" | \"inline\" | \"both\"","description":"Indicates whether inputting text could trigger display of one or more predictions of the user's\nintended value for an input and specifies how predictions would be presented if they are made."},"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-haspopup":{"type":"boolean | \"false\" | \"true\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\"","description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that\ncan be triggered by an element."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoComplete":{"type":"string","description":"Describes the type of autocomplete functionality the input should provide if any. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete)."},"autoCorrect":{"type":"string","description":"An attribute that takes as its value a space-separated string that describes what, if any, type\nof autocomplete functionality the input should provide. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete)."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<TextFieldRenderProps>","default":"'react-aria-TextField'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"string","description":"The initial password of an uncontrolled field."},"dir":{"type":"string"},"enterKeyHint":{"type":"\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\"","description":"An enumerated attribute that defines what action label or icon to preset for the enter key on\nvirtual keyboards. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)."},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"inputMode":{"type":"\"text\" | \"none\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"numeric\" | \"decimal\"","description":"Hints at the type of data that might be entered by the user while editing the element or its\ncontents. See\n[MDN](https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute)."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"maxLength":{"type":"number","description":"The maximum number of characters supported by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefmaxlength)."},"minLength":{"type":"number","description":"The minimum number of characters required by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefminlength)."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBeforeInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is about to be modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onCompositionEnd":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system completes or cancels the current text\ncomposition session. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event)."},"onCompositionStart":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system starts a new text composition session.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event)."},"onCompositionUpdate":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a new character is received in the current text composition\nsession. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event)."},"onCopy":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user copies text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncopy)."},"onCut":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user cuts text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncut)."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPaste":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user pastes text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/onpaste)."},"onSelect":{"type":"ReactEventHandler<HTMLInputElement>","description":"Handler that is called when text in the input is selected. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."},"onValidationResult":{"type":"((result: { password: string; isValid: boolean; }) => void)","description":"Called with the password and its validity whenever the password changes."},"pattern":{"type":"string","description":"Regex pattern that the value of the input must match to be valid. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefpattern)."},"placeholder":{"type":"string","description":"The placeholder shown while the field is empty."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"spellCheck":{"type":"string","description":"An enumerated attribute that defines whether the element may be checked for spelling errors.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck)."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"type":{"type":"\"text\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"password\" | (string & {})","default":"'text'","description":"The type of input to render. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype)."},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"validationErrors":{"type":"string[]","description":"The current error messages for the input if it is invalid, otherwise an empty array."},"validationPolicy":{"type":"PolicyGenericDeclaration","default":"defaultPasswordCreationPolicy","description":"The policy the password is validated against."},"value":{"type":"string","description":"The password of a controlled field."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Popover":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true,"excludedProps":["controller","render","style","wrapWith"]},"props":{"UNSTABLE_portalContainer":{"type":"Element","default":"document.body","description":"The container element in which the overlay portal will be placed. This may have unknown\nbehavior depending on where it is portalled to.\n@deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.","deprecated":true},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"arrowBoundaryOffset":{"type":"number","default":"0","description":"The minimum distance the arrow's edge should be from the edge of the overlay element."},"arrowRef":{"type":"RefObject<Element | null>","description":"A ref for the popover arrow element."},"boundaryElement":{"type":"Element","default":"document.body","description":"Element that that serves as the positioning boundary."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<PopoverRenderProps>","default":"'react-aria-Popover'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"containerPadding":{"type":"number","default":"12","description":"The placement padding that should be applied between the element and its\nsurrounding container."},"controller":{"type":"OverlayController","description":"An overlay controller to control the popover state."},"crossOffset":{"type":"number","default":"0","description":"The additional offset applied along the cross axis between the element and its\nanchor element."},"defaultOpen":{"type":"boolean","description":"Whether the overlay is open by default (uncontrolled)."},"dir":{"type":"string"},"getTargetRect":{"type":"((target: Element) => DOMRect | null)","default":"target.getBoundingClientRect()","description":"Overrides the target element's bounding rectangle. Useful for positioning relative to\na specific point such as the mouse cursor (e.g. context menus) or text selection.\n@param target - The target element."},"hidden":{"type":"boolean"},"inert":{"type":"boolean"},"isDialogContent":{"type":"boolean","description":"Whether the popover contains a dialog."},"isEntering":{"type":"boolean","description":"Whether the popover is currently performing an entry animation."},"isExiting":{"type":"boolean","description":"Whether the popover is currently performing an exit animation."},"isKeyboardDismissDisabled":{"type":"boolean","default":"false","description":"Whether pressing the escape key to close the popover should be disabled.\n\nMost popovers should not use this option. When set to true, an alternative\nway to close the popover with a keyboard must be provided."},"isNonModal":{"type":"boolean","description":"Whether the popover is non-modal, i.e. elements outside the popover may be\ninteracted with by assistive technologies.\n\nMost popovers should not use this option as it may negatively impact the screen\nreader experience. Only use with components such as combobox, which are designed\nto handle this situation carefully."},"isOpen":{"type":"boolean","description":"Whether the overlay is open by default (controlled)."},"lang":{"type":"string"},"maxHeight":{"type":"number","description":"The maxHeight specified for the overlay element.\nBy default, it will take all space up to the current viewport height."},"offset":{"type":"number","default":"8","description":"The additional offset applied along the main axis between the element and its\nanchor element."},"onBlurWithin":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the target element and all descendants lose focus."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocusWithin":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the target element or a descendant receives focus."},"onFocusWithinChange":{"type":"((isFocusWithin: boolean) => void)","description":"Handler that is called when the the focus within state changes."},"onOpenChange":{"type":"((isOpen: boolean) => void)","description":"Handler that is called when the overlay's open state changes."},"placement":{"type":"\"bottom\" | \"bottom left\" | \"bottom right\" | \"bottom start\" | \"bottom end\" | \"top\" | \"top left\" | \"top right\" | \"top start\" | \"top end\" | \"left\" | \"left top\" | \"left bottom\" | \"start\" | \"start top\" | \"start bottom\" | \"right\" | \"right top\" | \"right bottom\" | \"end\" | \"end top\" | \"end bottom\"","default":"'bottom'","description":"The placement of the element with respect to its anchor element."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"scrollRef":{"type":"RefObject<Element | null>","default":"overlayRef","description":"A ref for the scrollable region within the overlay."},"shouldCloseOnInteractOutside":{"type":"((element: Element) => boolean)","description":"When user interacts with the argument element outside of the popover ref,\nreturn true if onClose should be called. This gives you a chance to filter\nout interaction with elements that should not dismiss the popover.\nBy default, onClose will always be called on interaction outside the popover ref."},"shouldFlip":{"type":"boolean","default":"true","description":"Whether the element should flip its orientation (e.g. top to bottom or left to right) when\nthere is insufficient room for it to render completely."},"shouldSkipAnimation":{"type":"boolean","description":"Whether the popover should appear and disappear without an entry or exit animation. This is\nused by components such as PreviewTrigger to skip animations when quickly swapping between\noverlays."},"shouldUpdatePosition":{"type":"boolean","default":"true","description":"Whether the overlay should update its position automatically."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"trigger":{"type":"string","description":"The name of the component that triggered the popover. This is reflected on the element\nas the `data-trigger` attribute, and can be used to provide specific\nstyles for the popover depending on which element triggered it."},"triggerRef":{"type":"RefObject<Element | null>","description":"The ref for the element which the popover positions itself with respect to.\n\nWhen used within a trigger component such as DialogTrigger, MenuTrigger, Select, etc.,\nthis is set automatically. It is only required when used standalone."},"width":{"type":"string | number","description":"A fixed width for the popover."},"withTip":{"type":"boolean","description":"Whether the popover should display a tip, pointing towards the trigger\nelement."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"PopoverTrigger":{"importFrom":["@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true,"excludedProps":["controller","wrapWith"]},"props":{"children":{"type":"ReactNode"},"controller":{"type":"OverlayController","description":"A controller to control the state of the overlay."},"isDefaultOpen":{"type":"boolean","description":"Whether the overlay should be open initially."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ProgressBar":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<ProgressBarRenderProps>","default":"'react-aria-ProgressBar'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"dir":{"type":"string"},"formatOptions":{"type":"NumberFormatOptions","default":"{ style: 'percent' }","description":"The display format of the value label."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isIndeterminate":{"type":"boolean","description":"Whether presentation is indeterminate when progress isn't known."},"lang":{"type":"string"},"maxValue":{"type":"number","default":"100","description":"The largest value allowed for the input."},"minValue":{"type":"number","default":"0","description":"The smallest value allowed for the input."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"segments":{"type":"{ value: number; title: string; color?: CategoricalWithCustomColor; valueText?: string; }[]","description":"Divides the fill of the progress bar into segments"},"showLegend":{"type":"boolean","default":":\ntrue","description":"Whether the legend component is shown when segments are used."},"showMaxValue":{"type":"boolean","description":"Whether the max value should be displayed."},"size":{"type":"\"s\" | \"m\" | \"l\"","default":"\"m\"","description":"The size variant of the progress bar."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"status":{"type":"\"info\" | \"success\" | \"warning\" | \"danger\"","description":"The status the progress bar is colored by."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"value":{"type":"number","default":"0","description":"The current value (controlled)."},"valueLabel":{"type":"ReactNode","description":"The content to display as the value's label (e.g. 1 of 4)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"RadioGroup":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<RadioGroupRenderProps>","default":"'react-aria-RadioGroup'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"l":{"type":"(number | null)[]","description":"Column layout for container size l."},"lang":{"type":"string"},"m":{"type":"(number | null)[]","description":"Column layout for container size m."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"orientation":{"type":"\"horizontal\" | \"vertical\"","default":"'vertical'","description":"The axis the Radio Button(s) should align with."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"s":{"type":"(number | null)[]","description":"Column layout for container size s."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"RangeCalendar":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style"]},"props":{"allowsNonContiguousRanges":{"type":"boolean","description":"When combined with `isDateUnavailable`, determines whether non-contiguous ranges,\ni.e. ranges containing unavailable dates, may be selected."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean","default":"false","description":"Whether to automatically focus the calendar when it mounts."},"className":{"type":"ClassNameOrFunction<RangeCalendarRenderProps>","default":"'react-aria-RangeCalendar'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"commitBehavior":{"type":"\"select\" | \"reset\" | \"clear\"","default":"'select'","description":"Controls the behavior when a pointer is released outside the calendar or a blur occurs mid\nselection:\n\n- `clear`: clear the currently selected range of dates.\n- `reset`: reset the selection to the previously selected range of dates.\n- `select`: select the currently hovered range of dates."},"createCalendar":{"type":"((identifier: CalendarIdentifier) => Calendar)","description":"A function to create a new\n[Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html) object for a\ngiven calendar identifier. If not provided, the `createCalendar` function from\n`@internationalized/date` will be used."},"defaultFocusedValue":{"type":"DateValue","description":"The date that is focused when the calendar first mounts (uncontrolled)."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"firstDayOfWeek":{"type":"\"sun\" | \"mon\" | \"tue\" | \"wed\" | \"thu\" | \"fri\" | \"sat\"","description":"The day that starts the week."},"focusedValue":{"type":"DateValue","description":"Controls the currently focused date within the calendar."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDateUnavailable":{"type":"((date: DateValue, anchorDate: CalendarDate | null) => boolean)","description":"Callback that is called for each date of the calendar. If it returns true, then the date is\nunavailable. The second argument provides the current selection anchor date, if any. This can\nbe used to adjust the available dates based on the user's first selected date."},"isDisabled":{"type":"boolean","default":"false","description":"Whether the calendar is disabled."},"isInvalid":{"type":"boolean","description":"Whether the current selection is invalid according to application logic."},"isReadOnly":{"type":"boolean","default":"false","description":"Whether the calendar value is immutable."},"lang":{"type":"string"},"maxValue":{"type":"DateValue","description":"The maximum allowed date that a user may select."},"minValue":{"type":"DateValue","description":"The minimum allowed date that a user may select."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocusChange":{"type":"((date: CalendarDate) => void)","description":"Handler that is called when the focused date changes."},"pageBehavior":{"type":"\"single\" | \"visible\"","default":"visible","description":"Controls the behavior of paging. Pagination either works by advancing the visible page by\nvisibleDuration (default) or one unit of visibleDuration."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"selectionAlignment":{"type":"\"start\" | \"end\" | \"center\"","default":"'center'","description":"Determines the alignment of the visible months on initial render based on the current selection\nor current date if there is no selection."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"value":{"type":"TimeValue","description":"The current value (controlled)."},"visibleDuration":{"type":"DateDuration","default":"{ months: 1 }","description":"The amount of days that will be displayed at once. This affects how pagination works."},"weeksInMonth":{"type":"number","description":"The number of weeks in a month. This overrides the default set by the locale."},"withDatePickerPresets":{"type":"boolean | DateRangePresets","default":"false","description":"Whether the calendar offers presets to pick a range with one click. Pass an\narray to replace the built-in presets with your own."}}},"Rating":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<RadioGroupRenderProps>","default":"'react-aria-RadioGroup'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"number","default":": 0","description":"The defaultValue sets the amount of default filled stars."},"dir":{"type":"string"},"fill":{"type":"\"single\" | \"cumulative\"","default":": cumulative","description":"How the segments are filled. `cumulative` fills every segment up to the\nvalue, `single` fills only the selected segment."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"iconEmpty":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"An alternative icon for the empty state"},"iconFilled":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"An alternative icon for the filled state"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"maxValue":{"type":"number","default":": 5","description":"The number of segments the rating consists of. Ignored when the rating has\n`RatingSegment` children — those define the number of segments themselves."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"orientation":{"type":"\"horizontal\" | \"vertical\"","default":"'vertical'","description":"The axis the Radio Button(s) should align with."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"size":{"type":"\"s\" | \"m\"","default":": \"m\"","description":"The size of the component."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"number","default":": 0","description":"The value sets the amount of filled stars."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"ResetButton":{"importFrom":["@mittwald/flow-react-components/react-hook-form"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-current":{"type":"boolean | \"step\" | \"false\" | \"true\" | \"page\" | \"location\" | \"date\" | \"time\"","description":"Indicates whether this element represents the current item within a container or set of related\nelements."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-disabled":{"type":"boolean","description":"Disables button but keeps it focusable."},"aria-expanded":{"type":"boolean | \"false\" | \"true\"","description":"Indicates whether the element, or another grouping element it controls, is currently expanded\nor collapsed."},"aria-haspopup":{"type":"boolean | \"false\" | \"true\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\"","description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that\ncan be triggered by an element."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"aria-pressed":{"type":"boolean | \"false\" | \"true\" | \"mixed\"","description":"Indicates the current \"pressed\" state of toggle buttons."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode","description":"The children of the component. A function may be provided to alter the children based on\ncomponent state."},"className":{"type":"ClassNameOrFunction<ButtonRenderProps>","default":"'react-aria-Button'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"color":{"type":"\"dark\" | \"light\" | \"dark-static\" | \"light-static\" | \"success\" | \"danger\" | \"primary\" | \"secondary\" | \"accent\"","default":"\"primary\"","description":"The color of the button.\n@deprecatedValues accent"},"dir":{"type":"string"},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the button with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#form)."},"formAction":{"type":"string | ((formData: FormData) => void | Promise<void>)","description":"The URL that processes the information submitted by the button.\nOverrides the action attribute of the button's form owner."},"formEncType":{"type":"string","description":"Indicates how to encode the form data that is submitted."},"formMethod":{"type":"string","description":"Indicates the HTTP method used to submit the form."},"formNoValidate":{"type":"boolean","description":"Indicates that the form is not to be validated when it is submitted."},"formTarget":{"type":"string","description":"Overrides the target attribute of the button's form owner."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the button is disabled."},"isFailed":{"type":"boolean","description":"Whether the button is in a failed state."},"isPending":{"type":"boolean","description":"Whether the button is in a pending state."},"isReadOnly":{"type":"boolean","description":"Whether the button is in a read only state."},"isSucceeded":{"type":"boolean","description":"Whether the button is in a succeeded state."},"lang":{"type":"string"},"name":{"type":"string","description":"Submitted as a pair with the button's value as part of the form data."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"preventFocusOnPress":{"type":"boolean","description":"Whether to prevent focus from moving to the button when pressing it.\n\nCaution, this can make the button inaccessible and should only be used when alternative\nkeyboard interaction is provided, such as ComboBox's MenuTrigger or a NumberField's\nincrement/decrement control."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"size":{"type":"\"s\" | \"m\"","default":"\"m\"","description":"The size of the button."},"slot":{"type":"string","description":"Slot for button placement in action groups."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"type":{"type":"\"button\" | \"submit\" | \"reset\"","default":"'button'","description":"The behavior of the button when used in an HTML form."},"value":{"type":"string","description":"The value associated with the button's name when it's submitted with the form data."},"variant":{"type":"\"solid\" | \"plain\" | \"soft\" | \"outline\"","default":"\"solid\"","description":"The visual variant of the button."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"RouterProvider":{"importFrom":["@mittwald/flow-react-components/nextjs"],"level":"stable","remote":{"available":false},"props":{"children":{"type":"ReactNode"}}},"SearchField":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-activedescendant":{"type":"string","description":"Identifies the currently active element when DOM focus is on a composite widget, textbox,\ngroup, or application."},"aria-autocomplete":{"type":"\"list\" | \"none\" | \"inline\" | \"both\"","description":"Indicates whether inputting text could trigger display of one or more predictions of the user's\nintended value for an input and specifies how predictions would be presented if they are made."},"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-haspopup":{"type":"boolean | \"false\" | \"true\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\"","description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that\ncan be triggered by an element."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoComplete":{"type":"string","description":"Describes the type of autocomplete functionality the input should provide if any. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete)."},"autoCorrect":{"type":"string","description":"An attribute that takes as its value a space-separated string that describes what, if any, type\nof autocomplete functionality the input should provide. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete)."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<SearchFieldRenderProps>","default":"'react-aria-SearchField'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"enterKeyHint":{"type":"\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\"","description":"An enumerated attribute that defines what action label or icon to preset for the enter key on\nvirtual keyboards. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)."},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"inputMode":{"type":"\"text\" | \"none\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"numeric\" | \"decimal\"","description":"Hints at the type of data that might be entered by the user while editing the element or its\ncontents. See\n[MDN](https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute)."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"maxLength":{"type":"number","description":"The maximum number of characters supported by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefmaxlength)."},"minLength":{"type":"number","description":"The minimum number of characters required by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefminlength)."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBeforeInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is about to be modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClear":{"type":"(() => void)","description":"Handler that is called when the clear button is pressed."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onCompositionEnd":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system completes or cancels the current text\ncomposition session. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event)."},"onCompositionStart":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system starts a new text composition session.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event)."},"onCompositionUpdate":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a new character is received in the current text composition\nsession. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event)."},"onCopy":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user copies text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncopy)."},"onCut":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user cuts text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncut)."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPaste":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user pastes text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/onpaste)."},"onSelect":{"type":"ReactEventHandler<HTMLInputElement>","description":"Handler that is called when text in the input is selected. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."},"onSubmit":{"type":"((value: string) => void)","description":"Handler that is called when the SearchField is submitted."},"pattern":{"type":"string","description":"Regex pattern that the value of the input must match to be valid. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefpattern)."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"spellCheck":{"type":"string","description":"An enumerated attribute that defines whether the element may be checked for spelling errors.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck)."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"type":{"type":"\"text\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"password\" | (string & {})","default":"'search'","description":"The type of input to render. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype)."},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Section":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"SegmentedControl":{"importFrom":["@mittwald/flow-react-components"],"level":"deprecated","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<RadioGroupRenderProps>","default":"'react-aria-RadioGroup'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"containerBreakpointSize":{"type":"\"s\" | \"xs\" | \"m\" | \"l\" | \"xl\"","description":"The breakpoint at which the element switches to its compact layout.\nEvaluated as a container query against the surrounding container, not\nagainst the viewport."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"orientation":{"type":"\"horizontal\" | \"vertical\"","default":"'vertical'","description":"The axis the Radio Button(s) should align with."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}},"deprecationNotice":"Use `Tabs` to switch content, or `RadioGroup` to select a value."},"Select":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"allowsEmptyCollection":{"type":"boolean","description":"Whether the select should be allowed to be open when the collection is empty."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoComplete":{"type":"string","description":"Describes the type of autocomplete functionality the input should provide if any. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete)."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"defaultOpen":{"type":"boolean","description":"Sets the default open state of the menu."},"defaultSelectedKey":{"type":"Key","description":"The initial selected key in the collection (uncontrolled).\n@deprecated","deprecated":true},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"disabledKeys":{"type":"Iterable<Key>","description":"The item keys that are disabled. These items cannot be selected, focused, or otherwise\ninteracted with."},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isOpen":{"type":"boolean","description":"Sets the open state of the menu."},"isReadOnly":{"type":"boolean","description":"Whether the component is read only."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"name":{"type":"string","description":"The name of the input, used when submitting an HTML form."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: Key | Key[] | null) => void)","description":"Handler that is called when the selected value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onOpenChange":{"type":"((isOpen: boolean) => void)","description":"Method that is called when the open state of the menu changes."},"onSelectionChange":{"type":"((value: Key | Key[] | null) => void)","description":"Handler that is called when the selection changes.\n@deprecated Use `onChange` instead.","deprecated":true},"placeholder":{"type":"string","default":"'Select an item' (localized)","description":"Temporary text that occupies the select when it is empty."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"selectedKey":{"type":"Key","description":"The currently selected key in the collection (controlled).\n@deprecated","deprecated":true},"selectionMode":{"type":"\"multiple\" | \"single\"","default":"'single'","description":"Whether single or multiple selection is enabled."},"shouldCloseOnSelect":{"type":"boolean","description":"Whether the Select should close when an item is selected. Defaults to true if selectionMode is\nsingle, false otherwise."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Separator":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"className":{"type":"string","default":"'react-aria-Separator'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement."},"dir":{"type":"string"},"elementType":{"type":"string","description":"The HTML element type that will be used to render the separator."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"lang":{"type":"string"},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"orientation":{"type":"\"horizontal\" | \"vertical\"","default":"'horizontal'","description":"The orientation of the separator."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""}}},"SettingsProvider":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"id":{"type":"string"},"middleware":{"type":"{ get?: GetSettingsMiddleware; set?: SetSettingsMiddleware; }"},"storageKey":{"type":"string","required":true},"store":{"type":"SettingsBackend","required":true},"type":{"type":"\"localStorage\" | \"custom\"","required":true}}},"Skeleton":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"height":{"type":"Height<string | number>","description":"The height of the skeleton."},"width":{"type":"Width<string | number>","description":"The width of the skeleton."}}},"SkeletonText":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"width":{"type":"Width<string | number>","description":"The width of the skeleton text."}}},"Slider":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode","description":"The children of the component. A function may be provided to alter the children based on\ncomponent state."},"className":{"type":"ClassNameOrFunction<SliderRenderProps>","default":"'react-aria-Slider'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"formatOptions":{"type":"NumberFormatOptions","description":"The display format of the value label."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the whole Slider is disabled."},"isInvalid":{"type":"boolean","description":"Whether the component is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the component is read only."},"lang":{"type":"string"},"maxValue":{"type":"number","default":"100","description":"The slider's maximum value."},"minValue":{"type":"number","default":"0","description":"The slider's minimum value."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onChangeEnd":{"type":"((value: number | number[]) => void)","description":"Fired when the slider stops moving, due to being let go."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"orientation":{"type":"\"horizontal\" | \"vertical\"","default":"'horizontal'","description":"The orientation of the Slider."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"showInitialMarker":{"type":"boolean","description":"Whether the marker for the initial value should be visible"},"sliderOnly":{"type":"boolean","description":"Hide Buttons, Label and Value"},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"step":{"type":"number","default":"1","description":"The slider's step value."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"SubmitButton":{"importFrom":["@mittwald/flow-react-components/react-hook-form"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-current":{"type":"boolean | \"step\" | \"false\" | \"true\" | \"page\" | \"location\" | \"date\" | \"time\"","description":"Indicates whether this element represents the current item within a container or set of related\nelements."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-disabled":{"type":"boolean","description":"Disables button but keeps it focusable."},"aria-expanded":{"type":"boolean | \"false\" | \"true\"","description":"Indicates whether the element, or another grouping element it controls, is currently expanded\nor collapsed."},"aria-haspopup":{"type":"boolean | \"false\" | \"true\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\"","description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that\ncan be triggered by an element."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"aria-pressed":{"type":"boolean | \"false\" | \"true\" | \"mixed\"","description":"Indicates the current \"pressed\" state of toggle buttons."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode","description":"The children of the component. A function may be provided to alter the children based on\ncomponent state."},"className":{"type":"ClassNameOrFunction<ButtonRenderProps>","default":"'react-aria-Button'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"color":{"type":"\"dark\" | \"light\" | \"dark-static\" | \"light-static\" | \"success\" | \"danger\" | \"primary\" | \"secondary\" | \"accent\"","default":"\"primary\"","description":"The color of the button.\n@deprecatedValues accent"},"dir":{"type":"string"},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the button with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#form)."},"formAction":{"type":"string | ((formData: FormData) => void | Promise<void>)","description":"The URL that processes the information submitted by the button.\nOverrides the action attribute of the button's form owner."},"formEncType":{"type":"string","description":"Indicates how to encode the form data that is submitted."},"formMethod":{"type":"string","description":"Indicates the HTTP method used to submit the form."},"formNoValidate":{"type":"boolean","description":"Indicates that the form is not to be validated when it is submitted."},"formTarget":{"type":"string","description":"Overrides the target attribute of the button's form owner."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the button is disabled."},"isFailed":{"type":"boolean","description":"Whether the button is in a failed state."},"isPending":{"type":"boolean","description":"Whether the button is in a pending state."},"isReadOnly":{"type":"boolean","description":"Whether the button is in a read only state."},"isSucceeded":{"type":"boolean","description":"Whether the button is in a succeeded state."},"lang":{"type":"string"},"name":{"type":"string","description":"Submitted as a pair with the button's value as part of the form data."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"preventFocusOnPress":{"type":"boolean","description":"Whether to prevent focus from moving to the button when pressing it.\n\nCaution, this can make the button inaccessible and should only be used when alternative\nkeyboard interaction is provided, such as ComboBox's MenuTrigger or a NumberField's\nincrement/decrement control."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"showFeedback":{"type":"boolean","description":"Whether success feedback is shown after the action succeeded. Asynchronous\nactions show feedback by default; set `false` to suppress it."},"size":{"type":"\"s\" | \"m\"","default":"\"m\"","description":"The size of the button."},"slot":{"type":"string","description":"Slot for button placement in action groups."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"type":{"type":"\"button\" | \"submit\" | \"reset\"","default":"'button'","description":"The behavior of the button when used in an HTML form."},"value":{"type":"string","description":"The value associated with the button's name when it's submitted with the form data."},"variant":{"type":"\"solid\" | \"plain\" | \"soft\" | \"outline\"","default":"\"solid\"","description":"The visual variant of the button."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"SuspenseTrigger":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":false},"props":{"show":{"type":"boolean"}}},"Switch":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<SwitchRenderProps>","default":"'react-aria-Switch'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultSelected":{"type":"boolean","description":"Whether the element should be selected (uncontrolled)."},"dir":{"type":"string"},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isSelected":{"type":"boolean","description":"Whether the element should be selected (controlled)."},"labelPosition":{"type":"\"leading\" | \"trailing\"","default":"\"trailing\"","description":"Whether the label should appear before or after the switch."},"lang":{"type":"string"},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((isSelected: boolean) => void)","description":"Handler that is called when the element's selection state changes."},"onClick":{"type":"((e: MouseEvent<FocusableElement, MouseEvent>) => void)","description":"**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides\nadditional event details for non-mouse interactions."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onHoverChange":{"type":"((isHovering: boolean) => void)","description":"Handler that is called when the hover state changes."},"onHoverEnd":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction ends."},"onHoverStart":{"type":"((e: HoverEvent) => void)","description":"Handler that is called when a hover interaction starts."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPress":{"type":"((e: PressEvent) => void)","description":"Handler that is called when the press is released over the target."},"onPressChange":{"type":"((isPressed: boolean) => void)","description":"Handler that is called when the press state changes."},"onPressEnd":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction ends, either\nover the target or when the pointer leaves the target."},"onPressStart":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press interaction starts."},"onPressUp":{"type":"((e: PressEvent) => void)","description":"Handler that is called when a press is released over the target, regardless of\nwhether it started on the target or not."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"value":{"type":"string","description":"The value of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefvalue)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"TabNavigation":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}},"isNew":true},"Table":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode","description":"The elements that make up the table. Includes the TableHeader, TableBody, Columns, and Rows."},"className":{"type":"string","description":"The elements class name."},"defaultExpandedKeys":{"type":"Iterable<Key>","description":"The initial expanded keys in the collection (uncontrolled)."},"defaultSelectedKeys":{"type":"\"all\" | Iterable<Key>","description":"The initial selected keys in the collection (uncontrolled)."},"dir":{"type":"string"},"disabledBehavior":{"type":"\"all\" | \"selection\"","default":"'all'","description":"Whether `disabledKeys` applies to all interactions, or only selection."},"disabledKeys":{"type":"Iterable<Key>","description":"A list of row keys to disable."},"disallowEmptySelection":{"type":"boolean","description":"Whether the collection allows empty selection."},"dragAndDropHooks":{"type":"DragAndDropHooks","description":"The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for\nthe Table."},"escapeKeyBehavior":{"type":"\"none\" | \"clearSelection\"","default":"'clearSelection'","description":"Whether pressing the escape key should clear selection in the table or not.\n\nMost experiences should not modify this option as it eliminates a keyboard user's ability to\neasily clear selection. Only use if the escape key is being handled externally or should not\ntrigger selection clearing contextually."},"expandedKeys":{"type":"Iterable<Key>","description":"The currently expanded keys in the collection (controlled)."},"hidden":{"type":"boolean"},"inert":{"type":"boolean"},"keyboardNavigationBehavior":{"type":"\"tab\" | \"arrow\"","default":"'arrow'","description":"Whether keyboard navigation to focusable elements within the cells is\nvia the left/right arrow keys or the tab key."},"lang":{"type":"string"},"layout":{"type":"\"auto\" | \"fixed\"","default":"\"auto\"","description":"The column-sizing algorithm of the table. Use \"fixed\" together with column\nwidths to enforce exact widths."},"minWidth":{"type":"string | number","description":"The minimum width of the table. Below this width the table scrolls\nhorizontally instead of shrinking its columns."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onExpandedChange":{"type":"((keys: Set<Key>) => any)","description":"Handler that is called when items are expanded or collapsed."},"onRowAction":{"type":"((key: Key) => void)","description":"Handler that is called when a user performs an action on the row."},"onSelectionChange":{"type":"((keys: Selection) => void)","description":"Handler that is called when the selection changes."},"onSortChange":{"type":"((descriptor: SortDescriptor) => any)","description":"Handler that is called when the sorted column or direction changes."},"selectedKeys":{"type":"\"all\" | Iterable<Key>","description":"The currently selected keys in the collection (controlled)."},"selectionBehavior":{"type":"\"toggle\" | \"replace\"","default":"'toggle'","description":"How multiple selection should behave in the collection."},"selectionMode":{"type":"\"multiple\" | \"none\" | \"single\"","description":"The type of selection that is allowed in the collection."},"shouldSelectOnPressUp":{"type":"boolean","description":"Whether selection should occur on press up instead of press down."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"sortDescriptor":{"type":"SortDescriptor","description":"The current sorted column and direction."},"translate":{"type":"\"yes\" | \"no\""},"treeColumn":{"type":"Key","description":"The id of the column that displays hierarchical data."},"verticalAlign":{"type":"\"top\" | \"middle\"","description":"The vertical alignment of the table cells content."}}},"Tabs":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<TabsRenderProps>","default":"'react-aria-Tabs'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultSelectedKey":{"type":"Key","description":"The initial selected keys in the collection (uncontrolled)."},"dir":{"type":"string"},"disabledKeys":{"type":"Iterable<Key>","description":"The item keys that are disabled. These items cannot be selected, focused, or otherwise\ninteracted with."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the TabList is disabled.\nShows that a selection exists, but is not available in that circumstance."},"keyboardActivation":{"type":"\"manual\" | \"automatic\"","default":"'automatic'","description":"Whether tabs are activated automatically on focus or manually."},"lang":{"type":"string"},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onSelectionChange":{"type":"((key: Key) => void)","description":"Handler that is called when the selection changes."},"orientation":{"type":"\"horizontal\" | \"vertical\"","default":"'horizontal'","description":"The orientation of the tabs."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"selectedKey":{"type":"Key","description":"The currently selected key in the collection (controlled)."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"tabNotFoundView":{"type":"ReactNode","description":"The view rendered when the selected tab does not exist. Defaults to a\nbuilt-in IllustratedMessage."},"translate":{"type":"\"yes\" | \"no\""},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Text":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","wrapWith"]},"props":{"align":{"type":"\"start\" | \"end\" | \"center\"","default":"\"start\"","description":"The alignment of the text."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby"},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element.\n@see aria-labelledby."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby."},"children":{"type":"ReactNode"},"color":{"type":"\"default\" | \"dark\" | \"light\" | \"dark-static\" | \"light-static\"","default":"\"default\"","description":"The color of the text."},"elementType":{"type":"\"div\" | \"span\" | \"p\" | ExoticComponent<{}>","description":"The HTML element or React component rendered as the elements root."},"emulateBoldWidth":{"type":"boolean","description":"Whether the elements width should match the width it would have with bold\ntext."},"noLigatures":{"type":"boolean","description":"Disables standard and contextual ligatures for predictable, literal text\nrendering."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"whiteSpace":{"type":"WhiteSpace","description":"The white-space property of the text."},"wordBreak":{"type":"\"-moz-initial\" | \"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | \"normal\" | \"auto-phrase\" | \"break-all\" | \"break-word\" | \"keep-all\"","description":"The word-break property of the text."},"wrap":{"type":"\"wrap\" | \"balance\" | \"pretty\"","description":"The text-wrap property of the text."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"TextArea":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"allowHorizontalResize":{"type":"boolean","description":"@deprecated Use `allowResize` instead.","deprecated":true},"allowResize":{"type":"boolean | \"horizontal\" | \"vertical\"","description":"Allows the user to manually resize the textArea horizontally."},"allowVerticalResize":{"type":"boolean","description":"@deprecated Use `allowResize` instead.","deprecated":true},"aria-activedescendant":{"type":"string","description":"Identifies the currently active element when DOM focus is on a composite widget, textbox,\ngroup, or application."},"aria-autocomplete":{"type":"\"list\" | \"none\" | \"inline\" | \"both\"","description":"Indicates whether inputting text could trigger display of one or more predictions of the user's\nintended value for an input and specifies how predictions would be presented if they are made."},"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-haspopup":{"type":"boolean | \"false\" | \"true\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\"","description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that\ncan be triggered by an element."},"aria-hidden":{"type":"Booleanish","description":"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoComplete":{"type":"string","description":"Describes the type of autocomplete functionality the input should provide if any. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete)."},"autoCorrect":{"type":"string","description":"An attribute that takes as its value a space-separated string that describes what, if any, type\nof autocomplete functionality the input should provide. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete)."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"autoResizeMaxRows":{"type":"number","description":"Whether the text area should grow if its content gets longer than its\ninitial height."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<TextFieldRenderProps>","default":"'react-aria-TextField'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"enterKeyHint":{"type":"\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\"","description":"An enumerated attribute that defines what action label or icon to preset for the enter key on\nvirtual keyboards. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)."},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"inputMode":{"type":"\"text\" | \"none\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"numeric\" | \"decimal\"","description":"Hints at the type of data that might be entered by the user while editing the element or its\ncontents. See\n[MDN](https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute)."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"maxLength":{"type":"number","description":"The maximum number of characters supported by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefmaxlength)."},"minLength":{"type":"number","description":"The minimum number of characters required by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefminlength)."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBeforeInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is about to be modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onCompositionEnd":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system completes or cancels the current text\ncomposition session. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event)."},"onCompositionStart":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system starts a new text composition session.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event)."},"onCompositionUpdate":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a new character is received in the current text composition\nsession. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event)."},"onCopy":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user copies text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncopy)."},"onCut":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user cuts text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncut)."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPaste":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user pastes text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/onpaste)."},"onSelect":{"type":"ReactEventHandler<HTMLInputElement>","description":"Handler that is called when text in the input is selected. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."},"pattern":{"type":"string","description":"Regex pattern that the value of the input must match to be valid. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefpattern)."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"showCharacterCount":{"type":"boolean","description":"Whether a character count should be displayed inside the field description."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"spellCheck":{"type":"string","description":"An enumerated attribute that defines whether the element may be checked for spelling errors.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck)."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"type":{"type":"\"text\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"password\" | (string & {})","default":"'text'","description":"The type of input to render. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype)."},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"TextField":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-activedescendant":{"type":"string","description":"Identifies the currently active element when DOM focus is on a composite widget, textbox,\ngroup, or application."},"aria-autocomplete":{"type":"\"list\" | \"none\" | \"inline\" | \"both\"","description":"Indicates whether inputting text could trigger display of one or more predictions of the user's\nintended value for an input and specifies how predictions would be presented if they are made."},"aria-controls":{"type":"string","description":"Identifies the element (or elements) whose contents or presence are controlled by the current\nelement."},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-errormessage":{"type":"string","description":"Identifies the element that provides an error message for the object."},"aria-haspopup":{"type":"boolean | \"false\" | \"true\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\"","description":"Indicates the availability and type of interactive popup element, such as menu or dialog, that\ncan be triggered by an element."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoComplete":{"type":"string","description":"Describes the type of autocomplete functionality the input should provide if any. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete)."},"autoCorrect":{"type":"string","description":"An attribute that takes as its value a space-separated string that describes what, if any, type\nof autocomplete functionality the input should provide. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete)."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<TextFieldRenderProps>","default":"'react-aria-TextField'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"enterKeyHint":{"type":"\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\"","description":"An enumerated attribute that defines what action label or icon to preset for the enter key on\nvirtual keyboards. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)."},"excludeFromTabOrder":{"type":"boolean","description":"Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"hidden":{"type":"boolean"},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"inputMode":{"type":"\"text\" | \"none\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"numeric\" | \"decimal\"","description":"Hints at the type of data that might be entered by the user while editing the element or its\ncontents. See\n[MDN](https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute)."},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"maxLength":{"type":"number","description":"The maximum number of characters supported by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefmaxlength)."},"minLength":{"type":"number","description":"The minimum number of characters required by the input. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefminlength)."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBeforeInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is about to be modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onCompositionEnd":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system completes or cancels the current text\ncomposition session. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event)."},"onCompositionStart":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a text composition system starts a new text composition session.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event)."},"onCompositionUpdate":{"type":"CompositionEventHandler<HTMLInputElement>","description":"Handler that is called when a new character is received in the current text composition\nsession. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event)."},"onCopy":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user copies text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncopy)."},"onCut":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user cuts text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncut)."},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onInput":{"type":"FormEventHandler<HTMLInputElement>","description":"Handler that is called when the input value is modified. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"onPaste":{"type":"ClipboardEventHandler<HTMLInputElement>","description":"Handler that is called when the user pastes text. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/onpaste)."},"onSelect":{"type":"ReactEventHandler<HTMLInputElement>","description":"Handler that is called when text in the input is selected. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."},"pattern":{"type":"string","description":"Regex pattern that the value of the input must match to be valid. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefpattern)."},"placeholder":{"type":"string","description":"Temporary text that occupies the text input when it is empty.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/placeholder)."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"showCharacterCount":{"type":"boolean","description":"Whether a character count should be displayed inside the field description."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"spellCheck":{"type":"string","description":"An enumerated attribute that defines whether the element may be checked for spelling errors.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck)."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"type":{"type":"\"text\" | \"search\" | \"url\" | \"tel\" | \"email\" | \"password\" | (string & {})","default":"'text'","description":"The type of input to render. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype)."},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"TimeField":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style","wrapWith"]},"props":{"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"autoFocus":{"type":"boolean","description":"Whether the element should receive focus on render."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<DateFieldRenderProps>","default":"'react-aria-TimeField'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"defaultValue":{"type":"TimeValue","description":"The default value (uncontrolled)."},"dir":{"type":"string"},"form":{"type":"string","description":"The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."},"granularity":{"type":"\"hour\" | \"minute\" | \"second\"","default":"'minute'","description":"Determines the smallest unit that is displayed in the time picker."},"hidden":{"type":"boolean"},"hideTimeZone":{"type":"boolean","description":"Whether to hide the time zone abbreviation."},"hourCycle":{"type":"12 | 24","description":"Whether to display the time in 12 or 24 hour format. By default, this is determined by the\nuser's locale."},"id":{"type":"string","description":"The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."},"inert":{"type":"boolean"},"isDisabled":{"type":"boolean","description":"Whether the input is disabled."},"isInvalid":{"type":"boolean","description":"Whether the input value is invalid."},"isReadOnly":{"type":"boolean","description":"Whether the input can be selected but not changed by the user."},"isRequired":{"type":"boolean","description":"Whether user input is required on the input before form submission."},"lang":{"type":"string"},"maxValue":{"type":"TimeValue","description":"The maximum allowed time that a user may select."},"minValue":{"type":"TimeValue","description":"The minimum allowed time that a user may select."},"name":{"type":"string","description":"The name of the input element, used when submitting an HTML form. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."},"onBlur":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element loses focus."},"onChange":{"type":"((value: TimeValue | null) => void)","description":"Handler that is called when the value changes."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onFocus":{"type":"((e: FocusEvent<Element, Element>) => void)","description":"Handler that is called when the element receives focus."},"onFocusChange":{"type":"((isFocused: boolean) => void)","description":"Handler that is called when the element's focus status changes."},"onKeyDown":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is pressed."},"onKeyUp":{"type":"((e: KeyboardEvent) => void)","description":"Handler that is called when a key is released."},"placeholderValue":{"type":"TimeValue","description":"A placeholder time that influences the format of the placeholder shown when no value is\nselected. Defaults to 12:00 AM or 00:00 depending on the hour cycle."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"shouldForceLeadingZeros":{"type":"boolean","description":"Whether to always show leading zeros in the hour field.\nBy default, this is determined by the user's locale."},"slot":{"type":"string","description":"A slot name for the component. Slots allow the component to receive props from a parent\ncomponent. An explicit `null` value indicates that the local props completely override all\nprops received from a parent."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"validate":{"type":"((value: TimeValue) => true | ValidationError | null)","description":"A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."},"validationBehavior":{"type":"\"native\" | \"aria\"","default":"'native'","description":"Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA."},"value":{"type":"TimeValue","description":"The current value (controlled)."},"wrapWith":{"type":"ReactElement<unknown, string | JSXElementConstructor<any>>","description":"A React element the component is wrapped with. The element is cloned and\nreceives the component as its only child — useful to render the component\ninside a link, a tooltip trigger or any other wrapper without changing the\nsurrounding markup."}}},"Tooltip":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["render","style"]},"props":{"UNSTABLE_portalContainer":{"type":"Element","default":"document.body","description":"The container element in which the overlay portal will be placed. This may have unknown\nbehavior depending on where it is portalled to.\n@deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.","deprecated":true},"aria-describedby":{"type":"string","description":"Identifies the element (or elements) that describes the object."},"aria-details":{"type":"string","description":"Identifies the element (or elements) that provide a detailed, extended description for the\nobject."},"aria-label":{"type":"string","description":"Defines a string value that labels the current element."},"aria-labelledby":{"type":"string","description":"Identifies the element (or elements) that labels the current element."},"arrowBoundaryOffset":{"type":"number","default":"0","description":"The minimum distance the arrow's edge should be from the edge of the overlay element."},"children":{"type":"ReactNode"},"className":{"type":"ClassNameOrFunction<TooltipRenderProps>","default":"'react-aria-Tooltip'","description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\nelement. A function may be provided to compute the class based on component state."},"containerPadding":{"type":"number","default":"12","description":"The placement padding that should be applied between the element and its\nsurrounding container."},"crossOffset":{"type":"number","default":"0","description":"The additional offset applied along the cross axis between the element and its\nanchor element."},"defaultOpen":{"type":"boolean","description":"Whether the overlay is open by default (uncontrolled)."},"dir":{"type":"string"},"hidden":{"type":"boolean"},"inert":{"type":"boolean"},"isEntering":{"type":"boolean","description":"Whether the tooltip is currently performing an entry animation."},"isExiting":{"type":"boolean","description":"Whether the tooltip is currently performing an exit animation."},"isOpen":{"type":"boolean","description":"Whether the element is rendered."},"lang":{"type":"string"},"offset":{"type":"number","default":"0","description":"The additional offset applied along the main axis between the element and its\nanchor element."},"onClick":{"type":"MouseEventHandler<HTMLDivElement>"},"onOpenChange":{"type":"((isOpen: boolean) => void)","description":"Handler that is called when the overlay's open state changes."},"placement":{"type":"\"bottom\" | \"bottom left\" | \"bottom right\" | \"bottom start\" | \"bottom end\" | \"top\" | \"top left\" | \"top right\" | \"top start\" | \"top end\" | \"left\" | \"left top\" | \"left bottom\" | \"start\" | \"start top\" | \"start bottom\" | \"right\" | \"right top\" | \"right bottom\" | \"end\" | \"end top\" | \"end bottom\"","default":"'top'","description":"The placement of the tooltip with respect to the trigger."},"render":{"type":"DOMRenderFunction<\"div\", TooltipRenderProps>","description":"Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n- You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n `<a>`).\n- Only a single root DOM element can be rendered (no fragments).\n- You must pass through props and ref to the underlying DOM element, merging with your own prop\n as appropriate."},"shouldFlip":{"type":"boolean","default":"true","description":"Whether the element should flip its orientation (e.g. top to bottom or left to right) when\nthere is insufficient room for it to render completely."},"style":{"type":"StyleOrFunction<TooltipRenderProps>","description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\nelement. A function may be provided to compute the style based on component state."},"translate":{"type":"\"yes\" | \"no\""},"triggerRef":{"type":"RefObject<Element | null>","description":"The ref for the element which the tooltip positions itself with respect to.\n\nWhen used within a TooltipTrigger this is set automatically. It is only required when used\nstandalone."}}},"TranslationProvider":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"translate":{"type":"TranslationFunction"},"translations":{"type":"Translations"}}},"Truncate":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode"},"className":{"type":"string","description":"The elements class name."},"ellipsis":{"type":"string","default":"...","description":"Ellipsis that is added into the text in case it is truncated"},"offset":{"type":"number","default":"8","description":"the position(from the end) of the ellipsis that shows in text"},"title":{"type":"string","description":"The `title` attribute of the elements root, which browsers show as a native\ntooltip on hover. It is not derived from the children — pass the full text\nto make it readable while truncated."}}},"TunnelEntry":{"importFrom":["@mittwald/flow-react-components"],"level":"stable","remote":{"available":true,"excludedProps":["providerId"]},"props":{"children":{"type":"ReactNode"},"id":{"type":"string"},"providerId":{"type":"string","description":"Select a dedicated tunnel provider by ID."},"staticEntryId":{"type":"string","description":"Static entry ID instead of generated ID by `useId`"}}},"Wrap":{"importFrom":["@mittwald/flow-react-components","@mittwald/flow-react-components/flr-universal"],"level":"stable","remote":{"available":true},"props":{"children":{"type":"ReactNode","required":true},"if":{"type":"unknown","required":true}}}}}