@pexip/components 20.0.0 → 20.2.0

package/api-docs/interfaces/FullSizeWindowCommonProps.mdx

@@ -2,7 +2,7 @@
 
 | Property | Type |
 | ------ | ------ |
-| <a id="padding"></a> `padding?` | `"small"` \| `"none"` |
-| <a id="flexdirection"></a> `flexDirection?` | `"column"` \| `"row"` \| `"rowReverse"` \| `"columnReverse"` |
-| <a id="justifycontent"></a> `justifyContent?` | `"center"` \| `"flexStart"` |
-| <a id="position"></a> `position?` | `"fixed"` \| `"absolute"` |
+| <a id="padding"></a> `padding?` | `"small" \| "none"` |
+| <a id="flexdirection"></a> `flexDirection?` | `"column" \| "row" \| "rowReverse" \| "columnReverse"` |
+| <a id="justifycontent"></a> `justifyContent?` | `"center" \| "flexStart"` |
+| <a id="position"></a> `position?` | `"fixed" \| "absolute"` |

package/api-docs/interfaces/IconCollection.mdx

@@ -21,6 +21,8 @@
 | <a id="iconaudiotransmission"></a> `IconAudioTransmission` | [`IconSource`](IconSource.mdx) |
 | <a id="iconauthenticated"></a> `IconAuthenticated` | [`IconSource`](IconSource.mdx) |
 | <a id="iconbackgroundblur"></a> `IconBackgroundBlur` | [`IconSource`](IconSource.mdx) |
+| <a id="iconbackgroundblurlight"></a> `IconBackgroundBlurLight` | [`IconSource`](IconSource.mdx) |
+| <a id="iconbackgroundblurstrong"></a> `IconBackgroundBlurStrong` | [`IconSource`](IconSource.mdx) |
 | <a id="iconbackgroundreplace"></a> `IconBackgroundReplace` | [`IconSource`](IconSource.mdx) |
 | <a id="iconbackspace"></a> `IconBackspace` | [`IconSource`](IconSource.mdx) |
 | <a id="iconbacktotop"></a> `IconBackToTop` | [`IconSource`](IconSource.mdx) |
@@ -78,6 +80,7 @@
 | <a id="iconimport"></a> `IconImport` | [`IconSource`](IconSource.mdx) |
 | <a id="iconinforound"></a> `IconInfoRound` | [`IconSource`](IconSource.mdx) |
 | <a id="iconkey"></a> `IconKey` | [`IconSource`](IconSource.mdx) |
+| <a id="iconlanguage"></a> `IconLanguage` | [`IconSource`](IconSource.mdx) |
 | <a id="iconleave"></a> `IconLeave` | [`IconSource`](IconSource.mdx) |
 | <a id="iconlink"></a> `IconLink` | [`IconSource`](IconSource.mdx) |
 | <a id="iconlivecaption"></a> `IconLiveCaption` | [`IconSource`](IconSource.mdx) |
@@ -97,6 +100,7 @@
 | <a id="iconmorevertical"></a> `IconMoreVertical` | [`IconSource`](IconSource.mdx) |
 | <a id="iconmove"></a> `IconMove` | [`IconSource`](IconSource.mdx) |
 | <a id="iconnotauthenticated"></a> `IconNotauthenticated` | [`IconSource`](IconSource.mdx) |
+| <a id="iconnotauthenticated-1"></a> `IconNotAuthenticated` | [`IconSource`](IconSource.mdx) |
 | <a id="iconopeninnew"></a> `IconOpenInNew` | [`IconSource`](IconSource.mdx) |
 | <a id="iconparticipant"></a> `IconParticipant` | [`IconSource`](IconSource.mdx) |
 | <a id="iconpasswordhide"></a> `IconPasswordHide` | [`IconSource`](IconSource.mdx) |
@@ -124,6 +128,7 @@
 | <a id="iconshare"></a> `IconShare` | [`IconSource`](IconSource.mdx) |
 | <a id="iconshield"></a> `IconShield` | [`IconSource`](IconSource.mdx) |
 | <a id="iconshuffle"></a> `IconShuffle` | [`IconSource`](IconSource.mdx) |
+| <a id="iconsort"></a> `IconSort` | [`IconSource`](IconSource.mdx) |
 | <a id="iconspeakerdisabled"></a> `IconSpeakerDisabled` | [`IconSource`](IconSource.mdx) |
 | <a id="iconspeakeroff"></a> `IconSpeakerOff` | [`IconSource`](IconSource.mdx) |
 | <a id="iconspeakeron"></a> `IconSpeakerOn` | [`IconSource`](IconSource.mdx) |
@@ -131,11 +136,13 @@
 | <a id="iconstar"></a> `IconStar` | [`IconSource`](IconSource.mdx) |
 | <a id="iconstopround"></a> `IconStopRound` | [`IconSource`](IconSource.mdx) |
 | <a id="iconsupport"></a> `IconSupport` | [`IconSource`](IconSource.mdx) |
+| <a id="iconsupportagent"></a> `IconSupportAgent` | [`IconSource`](IconSource.mdx) |
 | <a id="icontestscripticon"></a> `IconTestScriptIcon` | [`IconSource`](IconSource.mdx) |
 | <a id="iconthumbsdown"></a> `IconThumbsDown` | [`IconSource`](IconSource.mdx) |
 | <a id="iconthumbsup"></a> `IconThumbsUp` | [`IconSource`](IconSource.mdx) |
 | <a id="icontimer"></a> `IconTimer` | [`IconSource`](IconSource.mdx) |
 | <a id="icontranscript"></a> `IconTranscript` | [`IconSource`](IconSource.mdx) |
+| <a id="icontranslation"></a> `IconTranslation` | [`IconSource`](IconSource.mdx) |
 | <a id="icontrash"></a> `IconTrash` | [`IconSource`](IconSource.mdx) |
 | <a id="iconunlock"></a> `IconUnlock` | [`IconSource`](IconSource.mdx) |
 | <a id="iconvideooff"></a> `IconVideoOff` | [`IconSource`](IconSource.mdx) |

package/api-docs/interfaces/IconSource.mdx

@@ -2,6 +2,6 @@
 
 | Property | Type |
 | ------ | ------ |
-| <a id="size16"></a> `size16` | `FC`\<`SVGProps`\<`SVGSVGElement`\>\> |
-| <a id="size24"></a> `size24` | `FC`\<`SVGProps`\<`SVGSVGElement`\>\> |
-| <a id="size32"></a> `size32` | `FC`\<`SVGProps`\<`SVGSVGElement`\>\> |
+| <a id="size16"></a> `size16` | `FC<SVGProps<SVGSVGElement>>` |
+| <a id="size24"></a> `size24` | `FC<SVGProps<SVGSVGElement>>` |
+| <a id="size32"></a> `size32` | `FC<SVGProps<SVGSVGElement>>` |

package/api-docs/interfaces/LoadingBoxProps.mdx

@@ -1,6 +1,8 @@
 ## Extends
 
-- `Pick`\<`React.ComponentProps`\<*typeof* [`Spinner`](../variables/Spinner.mdx)\>, `"sizeModifier"` \| `"colorScheme"`\>
+```ts
+- Pick<React.ComponentProps<typeof Spinner>, "sizeModifier" | "colorScheme">
+```
 
 ## Properties
 
@@ -8,5 +10,5 @@
 | ------ | ------ | ------ |
 | <a id="classname"></a> `className?` | `string` | - |
 | <a id="isloading"></a> `isLoading?` | `boolean` | - |
-| <a id="sizemodifier"></a> `sizeModifier?` | `"small"` \| `"medium"` \| `"compact"` | `Pick.sizeModifier` |
-| <a id="colorscheme"></a> `colorScheme?` | `"dark"` \| `"light"` | `Pick.colorScheme` |
+| <a id="sizemodifier"></a> `sizeModifier?` | `"small" \| "medium" \| "compact"` | `Pick.sizeModifier` |
+| <a id="colorscheme"></a> `colorScheme?` | `"dark" \| "light"` | `Pick.colorScheme` |

package/api-docs/interfaces/ModalHandle.mdx

@@ -2,4 +2,4 @@
 
 | Property | Type |
 | ------ | ------ |
-| <a id="focus"></a> `focus` | () => `void` |
+| <a id="focus"></a> `focus` | `() => void` |

package/api-docs/interfaces/MultistepItem.mdx

@@ -4,7 +4,7 @@
 | ------ | ------ |
 | <a id="label"></a> `label` | `string` |
 | <a id="url"></a> `url?` | `string` |
-| <a id="onclick"></a> `onClick?` | () => `void` |
+| <a id="onclick"></a> `onClick?` | `() => void` |
 | <a id="iscompleted"></a> `isCompleted?` | `boolean` |
 | <a id="isfailed"></a> `isFailed?` | `boolean` |
 | <a id="isdisabled"></a> `isDisabled?` | `boolean` |

package/api-docs/interfaces/StatCardRowData.mdx

@@ -2,14 +2,14 @@
 
 | Property | Type |
 | ------ | ------ |
-| <a id="caption"></a> `caption?` | \| `string` \| `ReactElement`\<`unknown`, `string` \| `JSXElementConstructor`\<`any`\>\> |
+| <a id="caption"></a> `caption?` | `\| string \| ReactElement<unknown, string` | JSXElementConstructor\<any\>\>` |
 | <a id="captionclassname"></a> `captionClassName?` | `string` |
-| <a id="captionsize"></a> `captionSize?` | `"small"` \| `"medium"` |
+| <a id="captionsize"></a> `captionSize?` | `"small" \| "medium"` |
 | <a id="captiontitle"></a> `captionTitle?` | `string` |
-| <a id="figure"></a> `figure?` | \| `string` \| `number` \| `ReactElement`\<`unknown`, `string` \| `JSXElementConstructor`\<`any`\>\> |
+| <a id="figure"></a> `figure?` | `\| string \| number \| ReactElement<unknown, string` | JSXElementConstructor\<any\>\>` |
 | <a id="figureclassname"></a> `figureClassName?` | `string` |
-| <a id="figuresize"></a> `figureSize?` | `"small"` \| `"medium"` |
+| <a id="figuresize"></a> `figureSize?` | `"small" \| "medium"` |
 | <a id="figuretitle"></a> `figureTitle?` | `string` |
-| <a id="icon"></a> `icon?` | `ReactElement`\<`unknown`, `string` \| `JSXElementConstructor`\<`any`\>\> |
+| <a id="icon"></a> `icon?` | `ReactElement<unknown, string \| JSXElementConstructor<any>>` |
 | <a id="iconcolor"></a> `iconColor?` | `string` |
 | <a id="isactive"></a> `isActive?` | `boolean` |

package/api-docs/interfaces/ToastProps.mdx

@@ -3,12 +3,12 @@
 | Property | Type |
 | ------ | ------ |
 | <a id="classname"></a> `className?` | `string` |
-| <a id="colorscheme"></a> `colorScheme?` | `"dark"` \| `"light"` |
+| <a id="colorscheme"></a> `colorScheme?` | `"dark" \| "light"` |
 | <a id="enhancestart"></a> `enhanceStart?` | `ReactNode` |
 | <a id="isclickable"></a> `isClickable?` | `boolean` |
 | <a id="isdanger"></a> `isDanger?` | `boolean` |
 | <a id="isdisplayed"></a> `isDisplayed` | `boolean` |
 | <a id="message"></a> `message` | `ReactNode` |
-| <a id="ondismiss"></a> `onDismiss?` | () => `void` |
-| <a id="position"></a> `position?` | `"bottomCenter"` \| `"topCenter"` |
+| <a id="ondismiss"></a> `onDismiss?` | `() => void` |
+| <a id="position"></a> `position?` | `"bottomCenter" \| "topCenter"` |
 | <a id="timeout"></a> `timeout?` | `number` |

package/api-docs/interfaces/VideoHandle.mdx

@@ -2,5 +2,5 @@
 
 | Property | Type |
 | ------ | ------ |
-| <a id="resume"></a> `resume` | () => `void` |
-| <a id="focus"></a> `focus` | () => `void` |
+| <a id="resume"></a> `resume` | `() => void` |
+| <a id="focus"></a> `focus` | `() => void` |

package/api-docs/interfaces/WithTransitionProps.mdx

@@ -3,3 +3,4 @@
 | Property | Type |
 | ------ | ------ |
 | <a id="isvisible"></a> `isVisible` | `boolean` |
+| <a id="classname"></a> `className?` | `string` |

package/api-docs/type-aliases/ActivityCardAction.mdx

@@ -7,4 +7,4 @@ type ActivityCardAction = object;
 | Property | Type |
 | ------ | ------ |
 | <a id="label"></a> `label` | `string` |
-| <a id="action"></a> `action?` | () => `void` |
+| <a id="action"></a> `action?` | `() => void` |

package/api-docs/type-aliases/AriaMenuItem.mdx

@@ -10,12 +10,20 @@ The structure of a menu item that can be used to create a dropdown menu.
 | ------ | ------ | ------ |
 | `key` | `string` | The unique key for the item. |
 | `label` | `React.ReactNode` | The label of the item. |
+| `description?` | `React.ReactNode` | Optional description of the item. This will be displayed below the menu item. |
 | `testId?` | `string` | The test id for the item. |
-| `onItemClick()?` | () => `void` | If set, this function will be called when the user clicks this item. |
+| `onItemClick()?` | `() => void` | If set, this function will be called when the user clicks this item. |
 | `closeMenuOnItemClick?` | `boolean` | If set to false, the menu will not close when the user clicks this item. |
+| `subMenu?` | [`AriaSubMenu`](AriaSubMenu.mdx) | If set, clicking the item runs `onItemClick` (if provided) and opens a submenu in place. The submenu can render a nested list of `AriaMenuItem` or arbitrary React content, and a back button is rendered at the top of the menu to return to the previous level. The menu is not closed when a submenu is opened. |
 | `icon?` | `React.ReactNode` | The icon to display next to the item. |
+| `iconPosition?` | `"start" \| "end"` | Where to place the `icon` relative to the label. `'start'` (the default) renders the icon before the label; `'end'` renders it after the label, pushed to the far end of the item. |
 | `alternativeHoverClassName?` | `string` | Class name that is used to override the default hover style. |
 | `alternativeHoverStyle?` | `CSSProperties` | Style that is used to override the default hover style. |
 | `className?` | `string` | The class name for the item. |
 | `style?` | `CSSProperties` | The style for the item. |
 | `isActive?` | `boolean` | Sets the `data-active` attribute to `true` and applies styling |
+| `isDisabled?` | `boolean` | If set to true, the item will be disabled. |
+| `isDanger?` | `boolean` | If set to true, the item uses the danger text color. |
+| `isChecked?` | `boolean` | Marks the item as a checkable menu item and reports the given state. |
+| `withTopDivider?` | `boolean` | If set to true, a divider will be rendered above the item. |
+| `withBottomDivider?` | `boolean` | If set to true, a divider will be rendered below the item. |

package/api-docs/type-aliases/AriaMenuProps.mdx

@@ -8,11 +8,15 @@ type AriaMenuProps = object;
 | ------ | ------ | ------ |
 | <a id="items"></a> `items` | [`AriaMenuItem`](AriaMenuItem.mdx)[] | An array of menu items. |
 | <a id="button"></a> `button` | `ReactElement` | The react element that triggers the menu. |
+| <a id="renderbutton"></a> `renderButton?` | `(triggerButton) => ReactNode` | Optionally wraps the rendered menu trigger. **Example** `renderButton={triggerButton => ( <Tooltip text="Settings">{triggerButton}</Tooltip> )}` |
 | <a id="headercontent"></a> `headerContent?` | `ReactElement` | Optional content to show above the menu items. |
-| <a id="onopenchange"></a> `onOpenChange?` | (`isOpen`) => `void` | Callback function called when the menu open state changes. |
+| <a id="onopenchange"></a> `onOpenChange?` | `(isOpen) => void` | Callback function called when the menu open state changes. |
 | <a id="testid"></a> `testId?` | `string` | The test id for the menu. |
 | <a id="colorscheme"></a> `colorScheme?` | [`ColorScheme`](ColorScheme.mdx) | The color scheme for the menu. |
 | <a id="popoverplacement"></a> `popoverPlacement?` | `Placement` | The placement of the popover. |
 | <a id="popoveroffset"></a> `popoverOffset?` | `number` | The offset for the popover. |
 | <a id="menuclassname"></a> `menuClassName?` | `string` | The class name for the menu. |
 | <a id="itemclassname"></a> `itemClassName?` | `string` | The class name for the menu item. |
+| <a id="backbuttonlabel"></a> `backButtonLabel?` | `string` | Default aria label for the back button rendered at the top of a submenu. |
+| <a id="ongoback"></a> `onGoBack?` | `() => void` | Callback function called when the user navigates back one level via the back button rendered at the top of a submenu. |
+| <a id="showsubmenuindicator"></a> `showSubMenuIndicator?` | `boolean` | Whether to show the chevron indicator on menu items that open a submenu. Defaults to `true`. |

package/api-docs/type-aliases/AriaSubMenu.mdx

@@ -0,0 +1,27 @@
+```ts
+type AriaSubMenu = object & 
+  | {
+  items: AriaMenuItem[];
+  content?: never;
+}
+  | {
+  content: React.ReactNode | (helpers) => React.ReactNode;
+  items?: never;
+};
+```
+
+A submenu that opens in place inside an [AriaMenu](../variables/AriaMenu.mdx) when its parent item
+is clicked. A submenu can either render a nested list of [AriaMenuItem](AriaMenuItem.mdx)
+(which can themselves open further submenus) or arbitrary React content. When
+a submenu is open, a back button is rendered at the top of the menu to return
+to the previous level.
+
+## Type Declaration
+
+| Name | Type | Description |
+| ------ | ------ | ------ |
+| `title?` | `React.ReactNode` | Optional title shown next to the back button at the top of the submenu. |
+| `titleTestId?` | `string` | The test id applied to the submenu title. |
+| `testId?` | `string` | The test id applied to the submenu container. |
+| `backButtonLabel?` | `string` | Aria label for the back button rendered at the top of the submenu. Overrides the menu-level `backButtonLabel`. |
+| `backButtonTestId?` | `string` | The test id for the back button rendered at the top of the submenu. |

package/api-docs/type-aliases/AriaSubMenuContentHelpers.mdx

@@ -0,0 +1,13 @@
+```ts
+type AriaSubMenuContentHelpers = object;
+```
+
+Helpers passed to a submenu's `content` render function, allowing the content
+to close the whole menu or navigate back to the previous level.
+
+## Properties
+
+| Property | Type | Description |
+| ------ | ------ | ------ |
+| <a id="close"></a> `close` | `() => void` | Closes the whole menu. |
+| <a id="goback"></a> `goBack` | `() => void` | Navigates back to the previous level. |

package/api-docs/type-aliases/BreadcrumbItem.mdx

@@ -6,6 +6,6 @@ type BreadcrumbItem = object;
 
 | Property | Type |
 | ------ | ------ |
-| <a id="action"></a> `action?` | () => `void` |
+| <a id="action"></a> `action?` | `() => void` |
 | <a id="label"></a> `label` | `string` |
 | <a id="url"></a> `url?` | `string` |

package/api-docs/type-aliases/ClickEventHandler.mdx

@@ -13,7 +13,7 @@ type ClickEventHandler<T, E> = (event) => void;
 
 | Parameter | Type |
 | ------ | ------ |
-| `event` | `React.SyntheticEvent`\<`T`, `E`\> |
+| `event` | `React.SyntheticEvent<T, E>` |
 
 ## Returns
 

package/api-docs/type-aliases/MenuAction.mdx

@@ -9,7 +9,7 @@ type MenuAction = object;
 | <a id="enhancerstart"></a> `enhancerStart?` | `React.ReactNode` |
 | <a id="isdisabled"></a> `isDisabled?` | `boolean` |
 | <a id="label"></a> `label` | `string` |
-| <a id="onclick"></a> `onClick?` | () => `void` |
+| <a id="onclick"></a> `onClick?` | `() => void` |
 | <a id="target"></a> `target?` | [`LinkTarget`](LinkTarget.mdx) |
 | <a id="testid"></a> `testId?` | `string` |
 | <a id="url"></a> `url?` | `string` |

package/api-docs/type-aliases/MenuItem.mdx

@@ -6,23 +6,24 @@ type MenuItem<T> = object;
 
 | Type Parameter | Default type |
 | ------ | ------ |
-| `T` *extends* `string` | `string` |
+| `T extends string` | `string` |
 
 ## Properties
 
 | Property | Type |
 | ------ | ------ |
-| <a id="clickaction"></a> `clickAction?` | `React.MouseEventHandler`\<`HTMLElement`\> |
+| <a id="clickaction"></a> `clickAction?` | `React.MouseEventHandler<HTMLElement>` |
 | <a id="colorscheme"></a> `colorScheme?` | [`ColorScheme`](ColorScheme.mdx) |
 | <a id="icon"></a> `icon?` | [`IconSource`](../interfaces/IconSource.mdx) |
-| <a id="iconcolor"></a> `iconColor?` | `string` |
 | <a id="iconalignedstart"></a> `iconAlignedStart?` | `boolean` |
+| <a id="iconcolor"></a> `iconColor?` | `string` |
+| <a id="iconsize"></a> `iconSize?` | `React.ComponentProps`\<*typeof* [`Icon`](../variables/Icon.mdx)\>\[`"size"`\] |
 | <a id="isariachecked"></a> `isAriaChecked?` | `boolean` |
 | <a id="isariaselected"></a> `isAriaSelected?` | `boolean` |
 | <a id="isdisabled"></a> `isDisabled?` | `boolean` |
 | <a id="isfixedicon"></a> `isFixedIcon?` | `boolean` |
 | <a id="label"></a> `label` | `React.ReactNode` |
-| <a id="linkwrapper"></a> `linkWrapper?` | (`{ children, }`) => `React.ReactElement` |
+| <a id="linkwrapper"></a> `linkWrapper?` | `({ children, }) => React.ReactElement` |
 | <a id="role"></a> `role?` | `React.AriaRole` |
 | <a id="target"></a> `target?` | [`LinkTarget`](LinkTarget.mdx) |
 | <a id="testid"></a> `testId?` | `string` |

package/api-docs/type-aliases/MultiselectCoreProps.mdx

@@ -0,0 +1,3 @@
+```ts
+type MultiselectCoreProps = React.ComponentProps<typeof MultiselectCore>;
+```

package/api-docs/type-aliases/MultiselectOption.mdx

@@ -13,4 +13,4 @@ type MultiselectOption<T> = Option<T> & object;
 
 | Type Parameter | Default type |
 | ------ | ------ |
-| `T` *extends* `string` | `string` |
+| `T extends string` | `string` |

package/api-docs/type-aliases/NotificationToastMessage.mdx

@@ -15,4 +15,4 @@ type NotificationToastMessage = object;
 | <a id="position"></a> `position?` | [`ToastPosition`](ToastPosition.mdx) | - |
 | <a id="testid"></a> `testid?` | `string` | - |
 | <a id="timeout"></a> `timeout?` | `number` | - |
-| <a id="ondismiss"></a> `onDismiss?` | () => `void` | - |
+| <a id="ondismiss"></a> `onDismiss?` | `() => void` | - |

package/api-docs/type-aliases/NotificationTooltipPosition.mdx

@@ -9,5 +9,7 @@ type NotificationTooltipPosition =
   | "bottomCenter"
   | "bottomLeft"
   | "bottomStart"
-  | "bottomEnd";
+  | "bottomEnd"
+  | "left"
+  | "right";
 ```

package/api-docs/type-aliases/NotificationTooltipProps.mdx

@@ -0,0 +1,3 @@
+```ts
+type NotificationTooltipProps = React.ComponentProps<typeof NotificationTooltip>;
+```

package/api-docs/type-aliases/Option.mdx

@@ -6,7 +6,7 @@ type Option<T> = object;
 
 | Type Parameter | Default type |
 | ------ | ------ |
-| `T` *extends* `string` | `string` |
+| `T extends string` | `string` |
 
 ## Properties
 

package/api-docs/type-aliases/SelectProps.mdx

@@ -16,8 +16,8 @@ type SelectProps<T> = Omit<React.ComponentPropsWithRef<"select">, "disabled"> &
 | `isFullWidth?` | `boolean` |
 | `label` | `string` |
 | `labelModifier?` | [`LabelModifier`](LabelModifier.mdx) |
-| `onValueChange()` | (`id`) => `void` |
-| `options` | [`Option`](Option.mdx)\<`T`\>[] |
+| `onValueChange()` | `(id) => void` |
+| `options` | [`Option<T>`](Option.mdx)[] |
 | `sizeModifier?` | [`SizeModifier`](SizeModifier.mdx) |
 | `value` | `string` |
 | `wrapContent?` | `boolean` |
@@ -26,4 +26,4 @@ type SelectProps<T> = Omit<React.ComponentPropsWithRef<"select">, "disabled"> &
 
 | Type Parameter | Default type |
 | ------ | ------ |
-| `T` *extends* `string` | `string` |
+| `T extends string` | `string` |

package/api-docs/type-aliases/TagItem.mdx

@@ -10,8 +10,8 @@ type TagItem = object;
 | <a id="isinteractive"></a> `isInteractive?` | `boolean` | isInteractive decides whether hover effect will be on or off |
 | <a id="istruncated"></a> `isTruncated?` | `boolean` | - |
 | <a id="label"></a> `label?` | `string` | - |
-| <a id="onclick"></a> `onClick?` | (`label?`) => `void` | - |
-| <a id="onremove"></a> `onRemove?` | () => `void` | - |
+| <a id="onclick"></a> `onClick?` | `(label?) => void` | - |
+| <a id="onremove"></a> `onRemove?` | `() => void` | - |
 | <a id="removelabel"></a> `removeLabel?` | `string` | - |
 | <a id="title"></a> `title?` | `string` | - |
 | <a id="variant"></a> `variant?` | [`TextVariant`](TextVariant.mdx) | - |

package/api-docs/variables/AriaMenu.mdx

@@ -2,4 +2,6 @@
 const AriaMenu: React.FC<AriaMenuProps>;
 ```
 
-AriaMenu component represents a dropdown menu.
+AriaMenu component represents a dropdown menu. Menu items can open submenus in
+place, rendering either a nested list of items or arbitrary React content,
+with a back button to return to the previous level.

package/api-docs/variables/Draggable.mdx

@@ -1,3 +1,54 @@
 ```ts
 const Draggable: ForwardRefExoticComponent<Omit<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & object, "ref"> & RefAttributes<HTMLDivElement>>;
 ```
+
+A wrapper that makes its children draggable via pointer (and, when
+`isMoveableWithArrowKeys` is set, the keyboard).
+
+By default the **entire** surface of the Draggable starts a drag on
+pointer-down. The two opt-in `data-*` attributes below let you refine which
+parts of the content are draggable. Neither is required — omit them when the
+whole element should be draggable.
+
+```ts
+- data-no-drag: Marks a descendant region that should *not* initiate a
+```
+  drag. Add it to interactive controls nested inside the Draggable (buttons,
+  links, inputs, sliders, menus, etc.) so they stay usable without
+  accidentally moving the element.
+```ts
+- data-drag-handle: Marks a descendant that *can* initiate a drag even
+```
+  when it sits inside a `data-no-drag` region. Use it to expose a dedicated
+  grab handle within an otherwise non-draggable area.
+
+Both attributes are resolved with `Element.closest`, so they apply to the
+tagged element and everything nested within it.
+
+## Examples
+
+```ts
+// Whole card is draggable (no attributes needed):
+<Draggable>
+    <Card />
+</Draggable>
+```
+
+```ts
+// Card is draggable, but the close button stays clickable:
+<Draggable>
+    <Card>
+        <button data-no-drag onClick={onClose}>Close</button>
+    </Card>
+</Draggable>
+```
+
+```ts
+// Only the header acts as a drag handle inside an otherwise no-drag body:
+<Draggable>
+    <div data-no-drag>
+        <div data-drag-handle>Drag me</div>
+        <Body />
+    </div>
+</Draggable>
+```

package/api-docs/variables/KEYBOARD_EVENT_KEY.mdx

@@ -0,0 +1,16 @@
+```ts
+const KEYBOARD_EVENT_KEY: object;
+```
+
+## Type Declaration
+
+| Name | Type | Default value |
+| ------ | ------ | ------ |
+| <a id="enter"></a> `enter` | `"Enter"` | `'Enter'` |
+| <a id="escape"></a> `escape` | `"Escape"` | `'Escape'` |
+| <a id="arrowup"></a> `arrowUp` | `"ArrowUp"` | `'ArrowUp'` |
+| <a id="arrowright"></a> `arrowRight` | `"ArrowRight"` | `'ArrowRight'` |
+| <a id="arrowdown"></a> `arrowDown` | `"ArrowDown"` | `'ArrowDown'` |
+| <a id="arrowleft"></a> `arrowLeft` | `"ArrowLeft"` | `'ArrowLeft'` |
+| <a id="home"></a> `home` | `"Home"` | `'Home'` |
+| <a id="end"></a> `end` | `"End"` | `'End'` |

package/api-docs/variables/MultiselectCore.mdx

@@ -0,0 +1,27 @@
+```ts
+const MultiselectCore: React.FC<{
+  buttonType?: React.ComponentProps<typeof DropContent>["type"];
+  className?: string;
+  colorScheme?: ColorScheme;
+  dropContentPosition?: DropContentPosition;
+  errorText?: string;
+  hasError?: boolean;
+  iconType?: IconSource;
+  isDisabled?: boolean;
+  isFullWidth?: boolean;
+  isOpen?: boolean;
+  isTruncated?: boolean;
+  label: string;
+  labelModifier?: LabelModifier;
+  menuComponent: DropContentType;
+  multipleSelectionText?: string;
+  noSelectionText?: string;
+  onContentVisibilityChange?: (isVisible) => void;
+  onOutsideClose?: () => void;
+  options: MultiselectOption[];
+  sizeModifier?: SizeModifier;
+  testId?: string;
+  value: string[] | undefined;
+  wrapContent?: boolean;
+}>;
+```

package/api-docs/variables/MultistepIndicator.mdx

@@ -1,5 +1,6 @@
 ```ts
 const MultistepIndicator: React.FC<{
+  aria-label?: string;
   className?: string;
   colorScheme?: ColorScheme;
   currentStepIndex?: number;

package/api-docs/variables/PreferenceInput.mdx

@@ -19,6 +19,7 @@ const PreferenceInput: React.FC<{
   placeholder?: string;
   shouldShowDenyAlert?: boolean;
   type?: "text" | "password" | "number" | "email" | "tel" | "url";
+  renderText?: typeof Text;
   onChange?: (e) => void;
   onConfirm?: (value?) => void;
   onEditingStateChange?: (isEditing) => void;

package/api-docs/variables/Select.mdx

@@ -6,13 +6,13 @@ const Select: <T>(__namedParameters) => Element;
 
 | Type Parameter | Default type |
 | ------ | ------ |
-| `T` *extends* `string` | `string` |
+| `T extends string` | `string` |
 
 ## Parameters
 
 | Parameter | Type |
 | ------ | ------ |
-| `__namedParameters` | [`SelectProps`](../type-aliases/SelectProps.mdx)\<`T`\> |
+| `__namedParameters` | [`SelectProps<T>`](../type-aliases/SelectProps.mdx) |
 
 ## Returns
 

package/api-docs/variables/Sheet.mdx

@@ -1,3 +1,11 @@
 ```ts
-const Sheet: React.FC<React.ComponentProps<"div"> & object>;
+const Sheet: React.FC<React.ComponentProps<"div"> & object & 
+  | {
+  heightPortrait: number;
+  heightLandscape: number;
+}
+  | {
+  heightPortrait?: undefined;
+  heightLandscape?: undefined;
+}>;
 ```

package/api-docs/variables/Toast.mdx

@@ -10,4 +10,6 @@ const Toast: (props) => Element | null;
 
 ## Returns
 
-`Element` \| `null`
+```ts
+Element | null
+```

package/api-docs/variables/ToggleSwitchDisplay.mdx

@@ -0,0 +1,16 @@
+```ts
+const ToggleSwitchDisplay: React.FC<ToggleSwitchDisplayProps>;
+```
+
+Presentational version of ToggleSwitch that renders only the visual toggle
+indicator and label text — it does not render an `<input>` or manage any
+interaction/state itself.
+
+Use this when the parent element (e.g. an AriaMenu item) already handles
+interaction and you only need to display the toggle state.
+
+## Example
+
+```ts
+<ToggleSwitchDisplay checked={isMuted} label="Mute all guests" isSmall />
+```

package/api-docs/variables/buttonVariantsValues.mdx

@@ -0,0 +1,3 @@
+```ts
+const buttonVariantsValues: readonly ["primary", "secondary", "tertiary", "neutral", "translucent", "transparent", "transparentAlternative", "text", "danger", "dangerBordered", "success"];
+```