@preply/ds-ai-core 14.1.0 → 14.1.1

package/dist/index.js

@@ -34395,9 +34395,9 @@ var Ni = de({
 			meta: {
 				name: "AccordionItem",
 				import: "import { AccordionItem } from '@preply/ds-web-lib';",
-				description: "A single accordion item, built on the native `<details>` element. It wraps a\nheader and an `AccordionItemContent`, and forwards `className` and any HTML/ARIA\nattribute. The open/closed state is reflected by the native `open` attribute.\n\nPass `header` for the default header, or compose `AccordionItemHeader` yourself\nfor full control."
+				description: "A single accordion item, built on the native `<details>` element. It wraps a\nheader and an `AccordionItemContent`, and forwards `className` and any HTML/ARIA\nattribute. The open/closed state is reflected by the native `open` attribute.\n\nPass `header` for the simple case — the default header plus auto-wrapped content —\nor compose the primitives yourself for full control. The call-site complexity grows\nonly with the customisation you need."
 			},
-			docs: "# AccordionItem\n\n```\nimport { AccordionItem } from '@preply/ds-web-lib';\n```\n\nA single accordion item, built on the native `<details>` element. It wraps a\nheader and an `AccordionItemContent`, and forwards `className` and any HTML/ARIA\nattribute. The open/closed state is reflected by the native `open` attribute.\n\nPass `header` for the default header, or compose `AccordionItemHeader` yourself\nfor full control.\n\n@example\n\n```\n// Default header\n<AccordionItem header=\"Why?\">\n    <AccordionItemContent>Because it works.</AccordionItemContent>\n</AccordionItem>\n// Custom header (icon before the text)\n<AccordionItem>\n    <AccordionItemHeader>\n        <AccordionItemHeaderIcon />\n        <AccordionItemHeaderText>Why?</AccordionItemHeaderText>\n    </AccordionItemHeader>\n    <AccordionItemContent>Because it works.</AccordionItemContent>\n</AccordionItem>\n```\n\n@see\n\nAccordion *\nAccordionItemHeader *\nAccordionItemContent\n\n## Props\n\n### `open`\n\n- Type: `boolean | undefined`\n\n### `onToggle`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `name`\n\n- Type: `string | undefined`\n\nAllows to create exclusive accordions. Pass the same `name` to all the\n`AccordionItem` instances to make the whole accordion exclusive (only one\nitem open at a time).\n\n### `defaultChecked`\n\n- Type: `boolean | undefined`\n\n### `defaultValue`\n\n- Type: `string | number | readonly string[] | undefined`\n\n### `suppressContentEditableWarning`\n\n- Type: `boolean | undefined`\n\n### `suppressHydrationWarning`\n\n- Type: `boolean | undefined`\n\n### `accessKey`\n\n- Type: `string | undefined`\n\n### `autoCapitalize`\n\n- Type: `\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined`\n\n### `autoFocus`\n\n- Type: `boolean | undefined`\n\n### `className`\n\n- Type: `string | undefined`\n\n### `contentEditable`\n\n- Type: `Booleanish | \"inherit\" | \"plaintext-only\" | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\" | \"inherit\" | \"plaintext-only\"`\n\n### `contextMenu`\n\n- Type: `string | undefined`\n\n### `dir`\n\n- Type: `string | undefined`\n\n### `draggable`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\n### `enterKeyHint`\n\n- Type: `\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined`\n\n### `hidden`\n\n- Type: `boolean | undefined`\n\n### `id`\n\n- Type: `string | undefined`\n\n### `lang`\n\n- Type: `string | undefined`\n\n### `nonce`\n\n- Type: `string | undefined`\n\n### `slot`\n\n- Type: `string | undefined`\n\n### `spellCheck`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\n### `style`\n\n- Type: `CSSProperties | undefined`\n\n### `tabIndex`\n\n- Type: `number | undefined`\n\n### `title`\n\n- Type: `string | undefined`\n\n### `translate`\n\n- Type: `\"yes\" | \"no\" | undefined`\n\n### `radioGroup`\n\n- Type: `string | undefined`\n\n### `role`\n\n- Type: `AriaRole | undefined`\n- Detailed type: `undefined | \"none\" | string & {} | \"search\" | \"alert\" | \"alertdialog\" | \"application\" | \"article\" | \"banner\" | \"button\" | \"cell\" | \"checkbox\" | \"columnheader\" | \"combobox\" | \"complementary\" | \"contentinfo\" | \"definition\" | \"dialog\" | \"directory\" | \"document\" | \"feed\" | \"figure\" | \"form\" | \"grid\" | \"gridcell\" | \"group\" | \"heading\" | \"img\" | \"link\" | \"list\" | \"listbox\" | \"listitem\" | \"log\" | \"main\" | \"marquee\" | \"math\" | \"menu\" | \"menubar\" | \"menuitem\" | \"menuitemcheckbox\" | \"menuitemradio\" | \"navigation\" | \"note\" | \"option\" | \"presentation\" | \"progressbar\" | \"radio\" | \"radiogroup\" | \"region\" | \"row\" | \"rowgroup\" | \"rowheader\" | \"scrollbar\" | \"searchbox\" | \"separator\" | \"slider\" | \"spinbutton\" | \"status\" | \"switch\" | \"tab\" | \"table\" | \"tablist\" | \"tabpanel\" | \"term\" | \"textbox\" | \"timer\" | \"toolbar\" | \"tooltip\" | \"tree\" | \"treegrid\" | \"treeitem\"`\n\n### `about`\n\n- Type: `string | undefined`\n\n### `content`\n\n- Type: `string | undefined`\n\n### `datatype`\n\n- Type: `string | undefined`\n\n### `inlist`\n\n- Type: `any`\n\n### `prefix`\n\n- Type: `string | undefined`\n\n### `property`\n\n- Type: `string | undefined`\n\n### `rel`\n\n- Type: `string | undefined`\n\n### `resource`\n\n- Type: `string | undefined`\n\n### `rev`\n\n- Type: `string | undefined`\n\n### `typeof`\n\n- Type: `string | undefined`\n\n### `vocab`\n\n- Type: `string | undefined`\n\n### `autoCorrect`\n\n- Type: `string | undefined`\n\n### `autoSave`\n\n- Type: `string | undefined`\n\n### `color`\n\n- Type: `string | undefined`\n\n### `itemProp`\n\n- Type: `string | undefined`\n\n### `itemScope`\n\n- Type: `boolean | undefined`\n\n### `itemType`\n\n- Type: `string | undefined`\n\n### `itemID`\n\n- Type: `string | undefined`\n\n### `itemRef`\n\n- Type: `string | undefined`\n\n### `results`\n\n- Type: `number | undefined`\n\n### `security`\n\n- Type: `string | undefined`\n\n### `unselectable`\n\n- Type: `\"off\" | \"on\" | undefined`\n\n### `inputMode`\n\n- Type: `\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined`\n\nHints at the type of data that might be entered by the user while editing the element or its contents\n\n@see\n\n{@link https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute}\n\n### `is`\n\n- Type: `string | undefined`\n\nSpecify that a standard HTML element should behave like a defined custom built-in element\n\n@see\n\n{@link https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is}\n\n### `aria-activedescendant`\n\n- Type: `string | undefined`\n\nIdentifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.\n\n### `aria-atomic`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.\n\n### `aria-autocomplete`\n\n- Type: `\"none\" | \"list\" | \"inline\" | \"both\" | undefined`\n\nIndicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.\n\n### `aria-braillelabel`\n\n- Type: `string | undefined`\n\nDefines a string value that labels the current element, which is intended to be converted into Braille.\n\n@see\n\naria-label.\n\n### `aria-brailleroledescription`\n\n- Type: `string | undefined`\n\nDefines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n\n@see\n\naria-roledescription.\n\n### `aria-busy`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\n### `aria-checked`\n\n- Type: `boolean | \"true\" | \"false\" | \"mixed\" | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\" | \"mixed\"`\n\nIndicates the current \"checked\" state of checkboxes, radio buttons, and other widgets.\n\n@see\n\naria-pressed\naria-selected.\n\n### `aria-colcount`\n\n- Type: `number | undefined`\n\nDefines the total number of columns in a table, grid, or treegrid.\n\n@see\n\naria-colindex.\n\n### `aria-colindex`\n\n- Type: `number | undefined`\n\nDefines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n\n@see\n\naria-colcount\naria-colspan.\n\n### `aria-colindextext`\n\n- Type: `string | undefined`\n\nDefines a human readable text alternative of aria-colindex.\n\n@see\n\naria-rowindextext.\n\n### `aria-colspan`\n\n- Type: `number | undefined`\n\nDefines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n\n@see\n\naria-colindex\naria-rowspan.\n\n### `aria-controls`\n\n- Type: `string | undefined`\n\nIdentifies the element (or elements) whose contents or presence are controlled by the current element.\n\n@see\n\naria-owns.\n\n### `aria-current`\n\n- Type: `boolean | \"true\" | \"false\" | \"page\" | \"step\" | \"location\" | \"date\" | \"time\" | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\" | \"page\" | \"step\" | \"location\" | \"date\" | \"time\"`\n\nIndicates the element that represents the current item within a container or set of related elements.\n\n### `aria-describedby`\n\n- Type: `string | undefined`\n\nIdentifies the element (or elements) that describes the object.\n\n@see\n\naria-labelledby\n\n### `aria-description`\n\n- Type: `string | undefined`\n\nDefines a string value that describes or annotates the current element.\n\n@see\n\nrelated aria-describedby.\n\n### `aria-details`\n\n- Type: `string | undefined`\n\nIdentifies the element that provides a detailed, extended description for the object.\n\n@see\n\naria-describedby.\n\n### `aria-disabled`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n\n@see\n\naria-hidden\naria-readonly.\n\n### `aria-dropeffect`\n\n- Type: `\"none\" | \"link\" | \"copy\" | \"execute\" | \"move\" | \"popup\" | undefined`\n\nIndicates what functions can be performed when a dragged object is released on the drop target.\n\n@deprecated\n\nin ARIA 1.1\n\n### `aria-errormessage`\n\n- Type: `string | undefined`\n\nIdentifies the element that provides an error message for the object.\n\n@see\n\naria-invalid\naria-describedby.\n\n### `aria-expanded`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates whether the element, or another grouping element it controls, is currently expanded or collapsed.\n\n### `aria-flowto`\n\n- Type: `string | undefined`\n\nIdentifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.\n\n### `aria-grabbed`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates an element's \"grabbed\" state in a drag-and-drop operation.\n\n@deprecated\n\nin ARIA 1.1\n\n### `aria-haspopup`\n\n- Type: `boolean | \"true\" | \"false\" | \"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\" | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\" | \"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\"`\n\nIndicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.\n\n### `aria-hidden`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates whether the element is exposed to an accessibility API.\n\n@see\n\naria-disabled.\n\n### `aria-invalid`\n\n- Type: `boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\" | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\" | \"grammar\" | \"spelling\"`\n\nIndicates the entered value does not conform to the format expected by the application.\n\n@see\n\naria-errormessage.\n\n### `aria-keyshortcuts`\n\n- Type: `string | undefined`\n\nIndicates keyboard shortcuts that an author has implemented to activate or give focus to an element.\n\n### `aria-label`\n\n- Type: `string | undefined`\n\nDefines a string value that labels the current element.\n\n@see\n\naria-labelledby.\n\n### `aria-labelledby`\n\n- Type: `string | undefined`\n\nIdentifies the element (or elements) that labels the current element.\n\n@see\n\naria-describedby.\n\n### `aria-level`\n\n- Type: `number | undefined`\n\nDefines the hierarchical level of an element within a structure.\n\n### `aria-live`\n\n- Type: `\"off\" | \"assertive\" | \"polite\" | undefined`\n\nIndicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.\n\n### `aria-modal`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates whether an element is modal when displayed.\n\n### `aria-multiline`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates whether a text box accepts multiple lines of input or only a single line.\n\n### `aria-multiselectable`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates that the user may select more than one item from the current selectable descendants.\n\n### `aria-orientation`\n\n- Type: `\"horizontal\" | \"vertical\" | undefined`\n\nIndicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.\n\n### `aria-owns`\n\n- Type: `string | undefined`\n\nIdentifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n\n@see\n\naria-controls.\n\n### `aria-placeholder`\n\n- Type: `string | undefined`\n\nDefines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.\n\n### `aria-posinset`\n\n- Type: `number | undefined`\n\nDefines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n\n@see\n\naria-setsize.\n\n### `aria-pressed`\n\n- Type: `boolean | \"true\" | \"false\" | \"mixed\" | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\" | \"mixed\"`\n\nIndicates the current \"pressed\" state of toggle buttons.\n\n@see\n\naria-checked\naria-selected.\n\n### `aria-readonly`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates that the element is not editable, but is otherwise operable.\n\n@see\n\naria-disabled.\n\n### `aria-relevant`\n\n- Type: `\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\" | undefined`\n\nIndicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n\n@see\n\naria-atomic.\n\n### `aria-required`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates that user input is required on the element before a form may be submitted.\n\n### `aria-roledescription`\n\n- Type: `string | undefined`\n\nDefines a human-readable, author-localized description for the role of an element.\n\n### `aria-rowcount`\n\n- Type: `number | undefined`\n\nDefines the total number of rows in a table, grid, or treegrid.\n\n@see\n\naria-rowindex.\n\n### `aria-rowindex`\n\n- Type: `number | undefined`\n\nDefines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n\n@see\n\naria-rowcount\naria-rowspan.\n\n### `aria-rowindextext`\n\n- Type: `string | undefined`\n\nDefines a human readable text alternative of aria-rowindex.\n\n@see\n\naria-colindextext.\n\n### `aria-rowspan`\n\n- Type: `number | undefined`\n\nDefines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n\n@see\n\naria-rowindex\naria-colspan.\n\n### `aria-selected`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates the current \"selected\" state of various widgets.\n\n@see\n\naria-checked\naria-pressed.\n\n### `aria-setsize`\n\n- Type: `number | undefined`\n\nDefines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n\n@see\n\naria-posinset.\n\n### `aria-sort`\n\n- Type: `\"none\" | \"ascending\" | \"descending\" | \"other\" | undefined`\n\nIndicates if items in a table or grid are sorted in ascending or descending order.\n\n### `aria-valuemax`\n\n- Type: `number | undefined`\n\nDefines the maximum allowed value for a range widget.\n\n### `aria-valuemin`\n\n- Type: `number | undefined`\n\nDefines the minimum allowed value for a range widget.\n\n### `aria-valuenow`\n\n- Type: `number | undefined`\n\nDefines the current value for a range widget.\n\n@see\n\naria-valuetext.\n\n### `aria-valuetext`\n\n- Type: `string | undefined`\n\nDefines the human readable text alternative of aria-valuenow for a range widget.\n\n### `dangerouslySetInnerHTML`\n\n- Type: `{ __html: string | TrustedHTML; } | undefined`\n- Detailed type: `undefined | { __html: string | TrustedHTML; }`\n\n### `onCopy`\n\n- Type: `ClipboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCopyCapture`\n\n- Type: `ClipboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCut`\n\n- Type: `ClipboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCutCapture`\n\n- Type: `ClipboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPaste`\n\n- Type: `ClipboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPasteCapture`\n\n- Type: `ClipboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCompositionEnd`\n\n- Type: `CompositionEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCompositionEndCapture`\n\n- Type: `CompositionEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCompositionStart`\n\n- Type: `CompositionEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCompositionStartCapture`\n\n- Type: `CompositionEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCompositionUpdate`\n\n- Type: `CompositionEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCompositionUpdateCapture`\n\n- Type: `CompositionEventHandler<HTMLDetailsElement> | undefined`\n\n### `onFocus`\n\n- Type: `FocusEventHandler<HTMLDetailsElement> | undefined`\n\n### `onFocusCapture`\n\n- Type: `FocusEventHandler<HTMLDetailsElement> | undefined`\n\n### `onBlur`\n\n- Type: `FocusEventHandler<HTMLDetailsElement> | undefined`\n\n### `onBlurCapture`\n\n- Type: `FocusEventHandler<HTMLDetailsElement> | undefined`\n\n### `onChange`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onChangeCapture`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onBeforeInput`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onBeforeInputCapture`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onInput`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onInputCapture`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onReset`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onResetCapture`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSubmit`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSubmitCapture`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onInvalid`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onInvalidCapture`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLoad`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLoadCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onError`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onErrorCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onKeyDown`\n\n- Type: `KeyboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onKeyDownCapture`\n\n- Type: `KeyboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onKeyPress`\n\n- Type: `KeyboardEventHandler<HTMLDetailsElement> | undefined`\n\n@deprecated\n\nUse `onKeyUp` or `onKeyDown` instead\n\n### `onKeyPressCapture`\n\n- Type: `KeyboardEventHandler<HTMLDetailsElement> | undefined`\n\n@deprecated\n\nUse `onKeyUpCapture` or `onKeyDownCapture` instead\n\n### `onKeyUp`\n\n- Type: `KeyboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onKeyUpCapture`\n\n- Type: `KeyboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAbort`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAbortCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCanPlay`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCanPlayCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCanPlayThrough`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCanPlayThroughCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDurationChange`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDurationChangeCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onEmptied`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onEmptiedCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onEncrypted`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onEncryptedCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onEnded`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onEndedCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLoadedData`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLoadedDataCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLoadedMetadata`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLoadedMetadataCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLoadStart`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLoadStartCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPause`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPauseCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPlay`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPlayCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPlaying`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPlayingCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onProgress`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onProgressCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onRateChange`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onRateChangeCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onResize`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onResizeCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSeeked`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSeekedCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSeeking`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSeekingCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onStalled`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onStalledCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSuspend`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSuspendCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTimeUpdate`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTimeUpdateCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onVolumeChange`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onVolumeChangeCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onWaiting`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onWaitingCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAuxClick`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAuxClickCapture`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onClick`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onClickCapture`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onContextMenu`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onContextMenuCapture`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDoubleClick`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDoubleClickCapture`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDrag`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragCapture`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragEnd`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragEndCapture`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragEnter`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragEnterCapture`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragExit`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragExitCapture`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragLeave`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragLeaveCapture`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragOver`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragOverCapture`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragStart`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragStartCapture`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDrop`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDropCapture`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseDown`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseDownCapture`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseEnter`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseLeave`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseMove`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseMoveCapture`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseOut`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseOutCapture`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseOver`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseOverCapture`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseUp`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseUpCapture`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSelect`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSelectCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTouchCancel`\n\n- Type: `TouchEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTouchCancelCapture`\n\n- Type: `TouchEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTouchEnd`\n\n- Type: `TouchEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTouchEndCapture`\n\n- Type: `TouchEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTouchMove`\n\n- Type: `TouchEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTouchMoveCapture`\n\n- Type: `TouchEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTouchStart`\n\n- Type: `TouchEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTouchStartCapture`\n\n- Type: `TouchEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerDown`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerDownCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerMove`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerMoveCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerUp`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerUpCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerCancel`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerCancelCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerEnter`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerLeave`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerOver`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerOverCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerOut`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerOutCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onGotPointerCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onGotPointerCaptureCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLostPointerCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLostPointerCaptureCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onScroll`\n\n- Type: `UIEventHandler<HTMLDetailsElement> | undefined`\n\n### `onScrollCapture`\n\n- Type: `UIEventHandler<HTMLDetailsElement> | undefined`\n\n### `onWheel`\n\n- Type: `WheelEventHandler<HTMLDetailsElement> | undefined`\n\n### `onWheelCapture`\n\n- Type: `WheelEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAnimationStart`\n\n- Type: `AnimationEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAnimationStartCapture`\n\n- Type: `AnimationEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAnimationEnd`\n\n- Type: `AnimationEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAnimationEndCapture`\n\n- Type: `AnimationEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAnimationIteration`\n\n- Type: `AnimationEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAnimationIterationCapture`\n\n- Type: `AnimationEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTransitionEnd`\n\n- Type: `TransitionEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTransitionEndCapture`\n\n- Type: `TransitionEventHandler<HTMLDetailsElement> | undefined`\n\n### `header`\n\n- Type: `ReactNode`\n\nConvenience shortcut for the header. When provided, the item renders the default\nheader — an `AccordionItemHeaderText` with this content followed by an\n`AccordionItemHeaderIcon`.\n\nFor more control, omit `header` and compose the primitives yourself —\n`AccordionItemHeader` with `AccordionItemHeaderText` and `AccordionItemHeaderIcon`\nin any order (e.g. to place the icon before the text or use a custom label).\n\n### `onOpenChange`\n\n- Type: `((open: boolean) => void) | undefined`\n\nCalled whenever the user opens/closes the item (mapped to the native\n`<details>` `toggle` event).\n\n### `dataset`\n\n- Type: `Dataset | undefined`\n\n@deprecated\n\nPass data attributes as regular props instead\n\n@example\n\n```\n<AccordionItem data-qa-id=\"benefits\">...</AccordionItem>\n```\n\n### `ref`\n\n- Type: `LegacyRef<HTMLDetailsElement> | undefined`\n- Detailed type: `undefined | null | string | (instance: HTMLDetailsElement | null) => void | RefObject<HTMLDetailsElement>`\n\nAllows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n\n@see\n\n{@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}\n\n### `key`\n\n- Type: `Key | null | undefined`\n- Detailed type: `undefined | null | string | number | bigint`"
+			docs: "# AccordionItem\n\n```\nimport { AccordionItem } from '@preply/ds-web-lib';\n```\n\nA single accordion item, built on the native `<details>` element. It wraps a\nheader and an `AccordionItemContent`, and forwards `className` and any HTML/ARIA\nattribute. The open/closed state is reflected by the native `open` attribute.\n\nPass `header` for the simple case — the default header plus auto-wrapped content —\nor compose the primitives yourself for full control. The call-site complexity grows\nonly with the customisation you need.\n\n@example\n\n```\n// Simple case: default header, content passed directly (auto-wrapped)\n<AccordionItem header=\"Why?\">Because it works.</AccordionItem>\n// Full control: compose the header and content primitives (icon before the text)\n<AccordionItem>\n    <AccordionItemHeader>\n        <AccordionItemHeaderIcon />\n        <AccordionItemHeaderText>Why?</AccordionItemHeaderText>\n    </AccordionItemHeader>\n    <AccordionItemContent>Because it works.</AccordionItemContent>\n</AccordionItem>\n```\n\n@see\n\nAccordion *\nAccordionItemHeader *\nAccordionItemContent\n\n## Props\n\n### `open`\n\n- Type: `boolean | undefined`\n\n### `onToggle`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `name`\n\n- Type: `string | undefined`\n\nAllows to create exclusive accordions. Pass the same `name` to all the\n`AccordionItem` instances to make the whole accordion exclusive (only one\nitem open at a time).\n\n### `defaultChecked`\n\n- Type: `boolean | undefined`\n\n### `defaultValue`\n\n- Type: `string | number | readonly string[] | undefined`\n\n### `suppressContentEditableWarning`\n\n- Type: `boolean | undefined`\n\n### `suppressHydrationWarning`\n\n- Type: `boolean | undefined`\n\n### `accessKey`\n\n- Type: `string | undefined`\n\n### `autoCapitalize`\n\n- Type: `\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined`\n\n### `autoFocus`\n\n- Type: `boolean | undefined`\n\n### `className`\n\n- Type: `string | undefined`\n\n### `contentEditable`\n\n- Type: `Booleanish | \"inherit\" | \"plaintext-only\" | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\" | \"inherit\" | \"plaintext-only\"`\n\n### `contextMenu`\n\n- Type: `string | undefined`\n\n### `dir`\n\n- Type: `string | undefined`\n\n### `draggable`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\n### `enterKeyHint`\n\n- Type: `\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined`\n\n### `hidden`\n\n- Type: `boolean | undefined`\n\n### `id`\n\n- Type: `string | undefined`\n\n### `lang`\n\n- Type: `string | undefined`\n\n### `nonce`\n\n- Type: `string | undefined`\n\n### `slot`\n\n- Type: `string | undefined`\n\n### `spellCheck`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\n### `style`\n\n- Type: `CSSProperties | undefined`\n\n### `tabIndex`\n\n- Type: `number | undefined`\n\n### `title`\n\n- Type: `string | undefined`\n\n### `translate`\n\n- Type: `\"yes\" | \"no\" | undefined`\n\n### `radioGroup`\n\n- Type: `string | undefined`\n\n### `role`\n\n- Type: `AriaRole | undefined`\n- Detailed type: `undefined | \"none\" | string & {} | \"search\" | \"alert\" | \"alertdialog\" | \"application\" | \"article\" | \"banner\" | \"button\" | \"cell\" | \"checkbox\" | \"columnheader\" | \"combobox\" | \"complementary\" | \"contentinfo\" | \"definition\" | \"dialog\" | \"directory\" | \"document\" | \"feed\" | \"figure\" | \"form\" | \"grid\" | \"gridcell\" | \"group\" | \"heading\" | \"img\" | \"link\" | \"list\" | \"listbox\" | \"listitem\" | \"log\" | \"main\" | \"marquee\" | \"math\" | \"menu\" | \"menubar\" | \"menuitem\" | \"menuitemcheckbox\" | \"menuitemradio\" | \"navigation\" | \"note\" | \"option\" | \"presentation\" | \"progressbar\" | \"radio\" | \"radiogroup\" | \"region\" | \"row\" | \"rowgroup\" | \"rowheader\" | \"scrollbar\" | \"searchbox\" | \"separator\" | \"slider\" | \"spinbutton\" | \"status\" | \"switch\" | \"tab\" | \"table\" | \"tablist\" | \"tabpanel\" | \"term\" | \"textbox\" | \"timer\" | \"toolbar\" | \"tooltip\" | \"tree\" | \"treegrid\" | \"treeitem\"`\n\n### `about`\n\n- Type: `string | undefined`\n\n### `content`\n\n- Type: `string | undefined`\n\n### `datatype`\n\n- Type: `string | undefined`\n\n### `inlist`\n\n- Type: `any`\n\n### `prefix`\n\n- Type: `string | undefined`\n\n### `property`\n\n- Type: `string | undefined`\n\n### `rel`\n\n- Type: `string | undefined`\n\n### `resource`\n\n- Type: `string | undefined`\n\n### `rev`\n\n- Type: `string | undefined`\n\n### `typeof`\n\n- Type: `string | undefined`\n\n### `vocab`\n\n- Type: `string | undefined`\n\n### `autoCorrect`\n\n- Type: `string | undefined`\n\n### `autoSave`\n\n- Type: `string | undefined`\n\n### `color`\n\n- Type: `string | undefined`\n\n### `itemProp`\n\n- Type: `string | undefined`\n\n### `itemScope`\n\n- Type: `boolean | undefined`\n\n### `itemType`\n\n- Type: `string | undefined`\n\n### `itemID`\n\n- Type: `string | undefined`\n\n### `itemRef`\n\n- Type: `string | undefined`\n\n### `results`\n\n- Type: `number | undefined`\n\n### `security`\n\n- Type: `string | undefined`\n\n### `unselectable`\n\n- Type: `\"off\" | \"on\" | undefined`\n\n### `inputMode`\n\n- Type: `\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined`\n\nHints at the type of data that might be entered by the user while editing the element or its contents\n\n@see\n\n{@link https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute}\n\n### `is`\n\n- Type: `string | undefined`\n\nSpecify that a standard HTML element should behave like a defined custom built-in element\n\n@see\n\n{@link https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is}\n\n### `aria-activedescendant`\n\n- Type: `string | undefined`\n\nIdentifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.\n\n### `aria-atomic`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.\n\n### `aria-autocomplete`\n\n- Type: `\"none\" | \"list\" | \"inline\" | \"both\" | undefined`\n\nIndicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.\n\n### `aria-braillelabel`\n\n- Type: `string | undefined`\n\nDefines a string value that labels the current element, which is intended to be converted into Braille.\n\n@see\n\naria-label.\n\n### `aria-brailleroledescription`\n\n- Type: `string | undefined`\n\nDefines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n\n@see\n\naria-roledescription.\n\n### `aria-busy`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\n### `aria-checked`\n\n- Type: `boolean | \"true\" | \"false\" | \"mixed\" | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\" | \"mixed\"`\n\nIndicates the current \"checked\" state of checkboxes, radio buttons, and other widgets.\n\n@see\n\naria-pressed\naria-selected.\n\n### `aria-colcount`\n\n- Type: `number | undefined`\n\nDefines the total number of columns in a table, grid, or treegrid.\n\n@see\n\naria-colindex.\n\n### `aria-colindex`\n\n- Type: `number | undefined`\n\nDefines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n\n@see\n\naria-colcount\naria-colspan.\n\n### `aria-colindextext`\n\n- Type: `string | undefined`\n\nDefines a human readable text alternative of aria-colindex.\n\n@see\n\naria-rowindextext.\n\n### `aria-colspan`\n\n- Type: `number | undefined`\n\nDefines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n\n@see\n\naria-colindex\naria-rowspan.\n\n### `aria-controls`\n\n- Type: `string | undefined`\n\nIdentifies the element (or elements) whose contents or presence are controlled by the current element.\n\n@see\n\naria-owns.\n\n### `aria-current`\n\n- Type: `boolean | \"true\" | \"false\" | \"page\" | \"step\" | \"location\" | \"date\" | \"time\" | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\" | \"page\" | \"step\" | \"location\" | \"date\" | \"time\"`\n\nIndicates the element that represents the current item within a container or set of related elements.\n\n### `aria-describedby`\n\n- Type: `string | undefined`\n\nIdentifies the element (or elements) that describes the object.\n\n@see\n\naria-labelledby\n\n### `aria-description`\n\n- Type: `string | undefined`\n\nDefines a string value that describes or annotates the current element.\n\n@see\n\nrelated aria-describedby.\n\n### `aria-details`\n\n- Type: `string | undefined`\n\nIdentifies the element that provides a detailed, extended description for the object.\n\n@see\n\naria-describedby.\n\n### `aria-disabled`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n\n@see\n\naria-hidden\naria-readonly.\n\n### `aria-dropeffect`\n\n- Type: `\"none\" | \"link\" | \"copy\" | \"execute\" | \"move\" | \"popup\" | undefined`\n\nIndicates what functions can be performed when a dragged object is released on the drop target.\n\n@deprecated\n\nin ARIA 1.1\n\n### `aria-errormessage`\n\n- Type: `string | undefined`\n\nIdentifies the element that provides an error message for the object.\n\n@see\n\naria-invalid\naria-describedby.\n\n### `aria-expanded`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates whether the element, or another grouping element it controls, is currently expanded or collapsed.\n\n### `aria-flowto`\n\n- Type: `string | undefined`\n\nIdentifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.\n\n### `aria-grabbed`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates an element's \"grabbed\" state in a drag-and-drop operation.\n\n@deprecated\n\nin ARIA 1.1\n\n### `aria-haspopup`\n\n- Type: `boolean | \"true\" | \"false\" | \"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\" | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\" | \"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\"`\n\nIndicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.\n\n### `aria-hidden`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates whether the element is exposed to an accessibility API.\n\n@see\n\naria-disabled.\n\n### `aria-invalid`\n\n- Type: `boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\" | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\" | \"grammar\" | \"spelling\"`\n\nIndicates the entered value does not conform to the format expected by the application.\n\n@see\n\naria-errormessage.\n\n### `aria-keyshortcuts`\n\n- Type: `string | undefined`\n\nIndicates keyboard shortcuts that an author has implemented to activate or give focus to an element.\n\n### `aria-label`\n\n- Type: `string | undefined`\n\nDefines a string value that labels the current element.\n\n@see\n\naria-labelledby.\n\n### `aria-labelledby`\n\n- Type: `string | undefined`\n\nIdentifies the element (or elements) that labels the current element.\n\n@see\n\naria-describedby.\n\n### `aria-level`\n\n- Type: `number | undefined`\n\nDefines the hierarchical level of an element within a structure.\n\n### `aria-live`\n\n- Type: `\"off\" | \"assertive\" | \"polite\" | undefined`\n\nIndicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.\n\n### `aria-modal`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates whether an element is modal when displayed.\n\n### `aria-multiline`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates whether a text box accepts multiple lines of input or only a single line.\n\n### `aria-multiselectable`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates that the user may select more than one item from the current selectable descendants.\n\n### `aria-orientation`\n\n- Type: `\"horizontal\" | \"vertical\" | undefined`\n\nIndicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.\n\n### `aria-owns`\n\n- Type: `string | undefined`\n\nIdentifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n\n@see\n\naria-controls.\n\n### `aria-placeholder`\n\n- Type: `string | undefined`\n\nDefines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.\n\n### `aria-posinset`\n\n- Type: `number | undefined`\n\nDefines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n\n@see\n\naria-setsize.\n\n### `aria-pressed`\n\n- Type: `boolean | \"true\" | \"false\" | \"mixed\" | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\" | \"mixed\"`\n\nIndicates the current \"pressed\" state of toggle buttons.\n\n@see\n\naria-checked\naria-selected.\n\n### `aria-readonly`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates that the element is not editable, but is otherwise operable.\n\n@see\n\naria-disabled.\n\n### `aria-relevant`\n\n- Type: `\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\" | undefined`\n\nIndicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n\n@see\n\naria-atomic.\n\n### `aria-required`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates that user input is required on the element before a form may be submitted.\n\n### `aria-roledescription`\n\n- Type: `string | undefined`\n\nDefines a human-readable, author-localized description for the role of an element.\n\n### `aria-rowcount`\n\n- Type: `number | undefined`\n\nDefines the total number of rows in a table, grid, or treegrid.\n\n@see\n\naria-rowindex.\n\n### `aria-rowindex`\n\n- Type: `number | undefined`\n\nDefines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n\n@see\n\naria-rowcount\naria-rowspan.\n\n### `aria-rowindextext`\n\n- Type: `string | undefined`\n\nDefines a human readable text alternative of aria-rowindex.\n\n@see\n\naria-colindextext.\n\n### `aria-rowspan`\n\n- Type: `number | undefined`\n\nDefines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n\n@see\n\naria-rowindex\naria-colspan.\n\n### `aria-selected`\n\n- Type: `Booleanish | undefined`\n- Detailed type: `undefined | false | true | \"true\" | \"false\"`\n\nIndicates the current \"selected\" state of various widgets.\n\n@see\n\naria-checked\naria-pressed.\n\n### `aria-setsize`\n\n- Type: `number | undefined`\n\nDefines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n\n@see\n\naria-posinset.\n\n### `aria-sort`\n\n- Type: `\"none\" | \"ascending\" | \"descending\" | \"other\" | undefined`\n\nIndicates if items in a table or grid are sorted in ascending or descending order.\n\n### `aria-valuemax`\n\n- Type: `number | undefined`\n\nDefines the maximum allowed value for a range widget.\n\n### `aria-valuemin`\n\n- Type: `number | undefined`\n\nDefines the minimum allowed value for a range widget.\n\n### `aria-valuenow`\n\n- Type: `number | undefined`\n\nDefines the current value for a range widget.\n\n@see\n\naria-valuetext.\n\n### `aria-valuetext`\n\n- Type: `string | undefined`\n\nDefines the human readable text alternative of aria-valuenow for a range widget.\n\n### `dangerouslySetInnerHTML`\n\n- Type: `{ __html: string | TrustedHTML; } | undefined`\n- Detailed type: `undefined | { __html: string | TrustedHTML; }`\n\n### `onCopy`\n\n- Type: `ClipboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCopyCapture`\n\n- Type: `ClipboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCut`\n\n- Type: `ClipboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCutCapture`\n\n- Type: `ClipboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPaste`\n\n- Type: `ClipboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPasteCapture`\n\n- Type: `ClipboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCompositionEnd`\n\n- Type: `CompositionEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCompositionEndCapture`\n\n- Type: `CompositionEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCompositionStart`\n\n- Type: `CompositionEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCompositionStartCapture`\n\n- Type: `CompositionEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCompositionUpdate`\n\n- Type: `CompositionEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCompositionUpdateCapture`\n\n- Type: `CompositionEventHandler<HTMLDetailsElement> | undefined`\n\n### `onFocus`\n\n- Type: `FocusEventHandler<HTMLDetailsElement> | undefined`\n\n### `onFocusCapture`\n\n- Type: `FocusEventHandler<HTMLDetailsElement> | undefined`\n\n### `onBlur`\n\n- Type: `FocusEventHandler<HTMLDetailsElement> | undefined`\n\n### `onBlurCapture`\n\n- Type: `FocusEventHandler<HTMLDetailsElement> | undefined`\n\n### `onChange`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onChangeCapture`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onBeforeInput`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onBeforeInputCapture`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onInput`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onInputCapture`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onReset`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onResetCapture`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSubmit`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSubmitCapture`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onInvalid`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onInvalidCapture`\n\n- Type: `FormEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLoad`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLoadCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onError`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onErrorCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onKeyDown`\n\n- Type: `KeyboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onKeyDownCapture`\n\n- Type: `KeyboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onKeyPress`\n\n- Type: `KeyboardEventHandler<HTMLDetailsElement> | undefined`\n\n@deprecated\n\nUse `onKeyUp` or `onKeyDown` instead\n\n### `onKeyPressCapture`\n\n- Type: `KeyboardEventHandler<HTMLDetailsElement> | undefined`\n\n@deprecated\n\nUse `onKeyUpCapture` or `onKeyDownCapture` instead\n\n### `onKeyUp`\n\n- Type: `KeyboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onKeyUpCapture`\n\n- Type: `KeyboardEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAbort`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAbortCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCanPlay`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCanPlayCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCanPlayThrough`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onCanPlayThroughCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDurationChange`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDurationChangeCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onEmptied`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onEmptiedCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onEncrypted`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onEncryptedCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onEnded`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onEndedCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLoadedData`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLoadedDataCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLoadedMetadata`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLoadedMetadataCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLoadStart`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLoadStartCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPause`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPauseCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPlay`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPlayCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPlaying`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPlayingCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onProgress`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onProgressCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onRateChange`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onRateChangeCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onResize`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onResizeCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSeeked`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSeekedCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSeeking`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSeekingCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onStalled`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onStalledCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSuspend`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSuspendCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTimeUpdate`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTimeUpdateCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onVolumeChange`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onVolumeChangeCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onWaiting`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onWaitingCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAuxClick`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAuxClickCapture`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onClick`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onClickCapture`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onContextMenu`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onContextMenuCapture`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDoubleClick`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDoubleClickCapture`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDrag`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragCapture`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragEnd`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragEndCapture`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragEnter`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragEnterCapture`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragExit`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragExitCapture`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragLeave`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragLeaveCapture`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragOver`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragOverCapture`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragStart`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDragStartCapture`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDrop`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onDropCapture`\n\n- Type: `DragEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseDown`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseDownCapture`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseEnter`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseLeave`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseMove`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseMoveCapture`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseOut`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseOutCapture`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseOver`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseOverCapture`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseUp`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onMouseUpCapture`\n\n- Type: `MouseEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSelect`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onSelectCapture`\n\n- Type: `ReactEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTouchCancel`\n\n- Type: `TouchEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTouchCancelCapture`\n\n- Type: `TouchEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTouchEnd`\n\n- Type: `TouchEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTouchEndCapture`\n\n- Type: `TouchEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTouchMove`\n\n- Type: `TouchEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTouchMoveCapture`\n\n- Type: `TouchEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTouchStart`\n\n- Type: `TouchEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTouchStartCapture`\n\n- Type: `TouchEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerDown`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerDownCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerMove`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerMoveCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerUp`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerUpCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerCancel`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerCancelCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerEnter`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerLeave`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerOver`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerOverCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerOut`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onPointerOutCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onGotPointerCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onGotPointerCaptureCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLostPointerCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onLostPointerCaptureCapture`\n\n- Type: `PointerEventHandler<HTMLDetailsElement> | undefined`\n\n### `onScroll`\n\n- Type: `UIEventHandler<HTMLDetailsElement> | undefined`\n\n### `onScrollCapture`\n\n- Type: `UIEventHandler<HTMLDetailsElement> | undefined`\n\n### `onWheel`\n\n- Type: `WheelEventHandler<HTMLDetailsElement> | undefined`\n\n### `onWheelCapture`\n\n- Type: `WheelEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAnimationStart`\n\n- Type: `AnimationEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAnimationStartCapture`\n\n- Type: `AnimationEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAnimationEnd`\n\n- Type: `AnimationEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAnimationEndCapture`\n\n- Type: `AnimationEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAnimationIteration`\n\n- Type: `AnimationEventHandler<HTMLDetailsElement> | undefined`\n\n### `onAnimationIterationCapture`\n\n- Type: `AnimationEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTransitionEnd`\n\n- Type: `TransitionEventHandler<HTMLDetailsElement> | undefined`\n\n### `onTransitionEndCapture`\n\n- Type: `TransitionEventHandler<HTMLDetailsElement> | undefined`\n\n### `header`\n\n- Type: `ReactNode`\n\nConvenience shortcut for the simple case. When provided, the item renders the\ndefault header — an `AccordionItemHeaderText` with this content followed by an\n`AccordionItemHeaderIcon` — and automatically wraps `children` in an\n`AccordionItemContent`. Pass the content directly as `children`; do not wrap it\nyourself.\n\nFor more control, omit `header` and compose the primitives yourself —\n`AccordionItemHeader` (with `AccordionItemHeaderText` and `AccordionItemHeaderIcon`\nin any order, e.g. to place the icon before the text or use a custom label) and\n`AccordionItemContent`. This is also the path to take when you need to pass a\n`className` or other props to the content wrapper.\n\n### `onOpenChange`\n\n- Type: `((open: boolean) => void) | undefined`\n\nCalled whenever the user opens/closes the item (mapped to the native\n`<details>` `toggle` event).\n\n### `dataset`\n\n- Type: `Dataset | undefined`\n\n@deprecated\n\nPass data attributes as regular props instead\n\n@example\n\n```\n<AccordionItem data-qa-id=\"benefits\">...</AccordionItem>\n```\n\n### `ref`\n\n- Type: `LegacyRef<HTMLDetailsElement> | undefined`\n- Detailed type: `undefined | null | string | (instance: HTMLDetailsElement | null) => void | RefObject<HTMLDetailsElement>`\n\nAllows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n\n@see\n\n{@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}\n\n### `key`\n\n- Type: `Key | null | undefined`\n- Detailed type: `undefined | null | string | number | bigint`"
 		},
 		AccordionItemHeader: {
 			meta: {
@@ -38259,7 +38259,7 @@ var As = class extends Ts {
 }, js = {
 	name: "@preply/ds-ai-core",
 	description: "Shared AI tools for the Preply Design System",
-	version: "14.1.0",
+	version: "14.1.1",
 	publishConfig: { access: "public" },
 	type: "module",
 	exports: { ".": {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@preply/ds-ai-core",
     "description": "Shared AI tools for the Preply Design System",
-    "version": "14.1.0",
+    "version": "14.1.1",
     "publishConfig": {
         "access": "public"
     },
@@ -22,8 +22,8 @@
         "dev": "vite build --watch"
     },
     "devDependencies": {
-        "@preply/ds-core": "14.1.0",
-        "@preply/ds-theme-tokyo-ui": "14.1.0",
+        "@preply/ds-core": "14.1.1",
+        "@preply/ds-theme-tokyo-ui": "14.1.1",
         "@types/lunr": "^2.3.7",
         "@types/node": "^24.12.0",
         "front-matter": "^4.0.2",
@@ -44,5 +44,5 @@
         "zod": "^3.23.8",
         "zod-opts": "^1.0.0"
     },
-    "gitHead": "5e93aefd1d413b6da49208e00fcb948328fa516d"
+    "gitHead": "6d0d3676afa72d88a3c03f991fa6323d6674b0ef"
 }