@botiverse/raft-ui 0.17.0 → 0.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,64 @@
1
+ ## [0.19.0](https://github.com/botiverse/raft-design/compare/v0.18.0...v0.19.0) (2026-10-21)
2
+
3
+ ### Design System
4
+
5
+ - **Collapsing the sidebar**: on desktop the sidebar toggle is the first item of the rail's footer, above Help and Settings. Its icon shows what pressing it does (`panel-left-close` while the sidebar is shown, `panel-left-open` while it is hidden), its tooltip says Collapse Sidebar or Expand Sidebar with the shortcut (⌘\ on macOS, Ctrl+\ elsewhere), and the state is remembered on the device. It applies to AppShellSidebarTrigger. ([#674](https://github.com/botiverse/raft-design/pull/674))
6
+ - Why: the toggle belongs to the frame rather than to a page, so it needs one fixed place and one behavior whatever the main area shows.
7
+ - Docs: https://raft-design.botiverse.build/patterns/navigation/#collapsing-the-sidebar
8
+
9
+ ### Breaking Changes
10
+
11
+ - **BannerAction**: the buttons sit at the bottom right, at the end of the last line of text and centered on it, while the text fits beside them on one line. When the text would wrap beside them, or the banner is narrower than 480px, they take a line of their own under the text, aligned to the end. `BannerAction` places itself; it sets `data-wrap` when it takes its own line. ([#672](https://github.com/botiverse/raft-design/pull/672))
12
+ - Why: the button sat in a start-aligned row under the text, away from where the eye ends; it now comes after what it acts on and ends where reading ends, as a dialog's commit button does.
13
+ - Affects: action placement from a row under the text (start-aligned, `mt-2`) → the end of the last line from 452px of banner content (a 480px banner at `md`), otherwise its own line under the text, end-aligned; `size="sm"` banners with an action get vertical padding that centers a 32px button on the line.
14
+ - Migrate: remove layout overrides on `BannerAction`, such as `col-span-full`, `col-start-*`, `row-start-*` or `mt-*`, which now fight its placement. Give `Banner` a width (or let it fill its parent); never `w-fit`. Use `variant="default" size="sm"` for the button, and put a ghost Dismiss (`variant="ghost" size="sm"`) before it when the banner can be dismissed; move a × out of `BannerAction` into `BannerClose`, on a banner with no button.
15
+ - Docs: https://raft-design.botiverse.build/components/banner/
16
+ - **AppShellSidebarTrigger**: the trigger is a disclosure button. It has `aria-expanded` and `aria-controls` naming the sidebar slot, instead of `aria-pressed`, and its labels are Title Case: "Collapse Sidebar" and "Expand Sidebar". ([#674](https://github.com/botiverse/raft-design/pull/674))
17
+ - Why: the trigger shows and hides a region, which assistive technology announces as expanded or collapsed, not as a pressed toggle.
18
+ - Affects: `aria-pressed` → `aria-expanded`; new `aria-controls`; `AppShellSidebarSlot` gets a generated `id` when the root is `sidebarCollapsible` and none is passed; label and `title` "Collapse sidebar" / "Expand sidebar" → "Collapse Sidebar" / "Expand Sidebar".
19
+ - Migrate: update tests and selectors that read `aria-pressed` or the old labels to `aria-expanded` and the Title Case labels. When you wrap the trigger in a Tooltip, pass `title={undefined}` and repeat the label in the tooltip; to translate it, pass your own `aria-label`.
20
+ - Docs: https://raft-design.botiverse.build/components/app-shell/
21
+ - **AppShellMainSlot** and **AppShellSidebarSlot**: in a collapsible shell, the main area has a z-index only while it slides over the sidebar, and the collapsed sidebar is `inert`. ([#674](https://github.com/botiverse/raft-design/pull/674))
22
+ - Why: the main area sat at z-index 45 at rest and covered the app's own fixed layers, such as a bar at z-40, and a collapsed sidebar's controls stayed in the tab order while hidden.
23
+ - Affects: main slot `z-45` always → `z-2` with `data-sliding` only during the slide, none at rest; the expanded sidebar slot is `relative z-1`, so a resize handle past its edge stays grabbable; the collapsed sidebar slot adds `inert` to `aria-hidden`.
24
+ - Migrate: remove workarounds that lowered the app's own layers below z-45 or raised them over the main slot, and any code or test that reads an inline or computed z-index on the main slot at rest. Don't make the collapsed sidebar focusable yourself; a shortcut that collapses it while focus is inside should move focus to the trigger first.
25
+ - Docs: https://raft-design.botiverse.build/components/app-shell/
26
+
27
+ ### Added
28
+
29
+ - **BannerClose**: the × of a banner that has no button, a frameless icon button at the end of the first line whose icon box ends on the banner's padding. Its label defaults to "Dismiss". ([#672](https://github.com/botiverse/raft-design/pull/672))
30
+ - Why: a × put in `BannerAction` read as one of the actions and sat on the wrong line; the close control now has a place of its own.
31
+ - Affects: `variant="ghost"`, `size="icon-sm"` (32px), centered on the first line. With `BannerAction` in the same banner, raft-ui warns in development and moves the actions to a line of their own.
32
+ - Docs: https://raft-design.botiverse.build/components/banner/
33
+
34
+ ### Fixed
35
+
36
+ - **BannerTitle** and **BannerDescription**: a long word or URL breaks onto the next line instead of pushing the banner wider. ([#672](https://github.com/botiverse/raft-design/pull/672))
37
+ - Why: an unbroken string, such as a URL, ran out of the text column and under the actions; the text now wraps inside its column.
38
+ - Docs: https://raft-design.botiverse.build/components/banner/
39
+ - **ResizableHandle**: under a coarse pointer, such as a finger on a tablet, the handle is easier to grab. ([#667](https://github.com/botiverse/raft-design/pull/667))
40
+ - Why: a 12px handle was too narrow to hit with a finger.
41
+ - Affects: handle hit area 12px → 24px under `pointer: coarse`, still centered on the boundary; mouse and pen keep 12px.
42
+ - Docs: https://raft-design.botiverse.build/components/resizable/
43
+
44
+ ## [0.18.0](https://github.com/botiverse/raft-design/compare/v0.17.0...v0.18.0) (2026-10-21)
45
+
46
+ ### Design System
47
+
48
+ - **Field frames**: a field's ink frame is 1.5px, the same weight as a button's. It applies to Input, Textarea, InputGroup, Select, Combobox, ComboboxSelect, SearchTrigger, the composer and an option card. Read-only fields keep their light, thin edge. ([#661](https://github.com/botiverse/raft-design/pull/661))
49
+ - Why: a field sits next to its send button, its submit button and the selected row, all 1.5px ink; at 1px it was the one thin control among them and read as a lighter style rather than the same system.
50
+ - Affects: `line-field` width 1px → 1.5px.
51
+ - Docs: https://raft-design.botiverse.build/foundations/shape/
52
+ - **Autofill**: a field the browser filled in looks like any other field, `layer-card` with ink text. ([#661](https://github.com/botiverse/raft-design/pull/661))
53
+ - Why: Chrome's pale blue and Safari's yellow made the filled field the one field on the page that matched nothing else, and the colour tells a person nothing.
54
+ - Docs: https://raft-design.botiverse.build/foundations/states/#autofill
55
+
56
+ ### Fixed
57
+
58
+ - **Input, Textarea, Select and every other field**: browser autofill no longer paints a field pale blue or yellow. raft-ui's `styles.css` handles every `input`, `textarea` and `select` on the page; a disabled autofilled field keeps the disabled ink. ([#661](https://github.com/botiverse/raft-design/pull/661))
59
+ - Why: see Autofill above.
60
+ - Docs: https://raft-design.botiverse.build/foundations/states/#autofill
61
+
1
62
  ## [0.17.0](https://github.com/botiverse/raft-design/compare/v0.16.0...v0.17.0) (2026-10-21)
2
63
 
3
64
  ### Design System
@@ -11,7 +11,7 @@
11
11
  align-items: center;
12
12
  gap: 0.5rem;
13
13
  padding: 0 6px 0 12px;
14
- border: 1px solid var(--line-field);
14
+ border: 1.5px solid var(--line-field);
15
15
  border-radius: 8px;
16
16
  outline: 0;
17
17
  background: var(--layer-card);
package/dist/index.d.mts CHANGED
@@ -3187,6 +3187,7 @@ declare const banner: import("tailwind-variants/lite").TVReturnType<{
3187
3187
  title: string[];
3188
3188
  description: string[];
3189
3189
  action: string[];
3190
+ close: string[];
3190
3191
  }, undefined, {
3191
3192
  status: {
3192
3193
  default: {
@@ -3221,6 +3222,7 @@ declare const banner: import("tailwind-variants/lite").TVReturnType<{
3221
3222
  title: string[];
3222
3223
  description: string[];
3223
3224
  action: string[];
3225
+ close: string[];
3224
3226
  }, import("tailwind-variants/lite").TVReturnTypeLike<{
3225
3227
  status: {
3226
3228
  default: {
@@ -3255,18 +3257,38 @@ declare const banner: import("tailwind-variants/lite").TVReturnType<{
3255
3257
  title: string[];
3256
3258
  description: string[];
3257
3259
  action: string[];
3260
+ close: string[];
3258
3261
  }>>;
3259
3262
  type BannerStatus = NonNullable<VariantProps<typeof banner>["status"]>;
3260
3263
  type BannerProps = useRender.ComponentProps<"div"> & Omit<VariantProps<typeof banner>, "align"> & {
3261
3264
  status: BannerStatus;
3262
3265
  };
3266
+ /**
3267
+ * A short notice people read before they act, on a soft tint that says its
3268
+ * intent. Compose it from a leading icon, `BannerTitle`, `BannerDescription`,
3269
+ * and either `BannerAction` (its button) or `BannerClose` (a × when there is no
3270
+ * button).
3271
+ */
3263
3272
  export declare function Banner({ status, size, className, render, ...props }: BannerProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
3264
3273
  type BannerTitleProps = useRender.ComponentProps<"div">;
3265
3274
  export declare function BannerTitle({ render, className, ...props }: BannerTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
3266
3275
  type BannerDescriptionProps = useRender.ComponentProps<"div">;
3267
3276
  export declare function BannerDescription({ render, className, ...props }: BannerDescriptionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
3268
3277
  type BannerActionProps = Omit<useRender.ComponentProps<"div">, "align">;
3269
- export declare function BannerAction({ render, className, ...props }: BannerActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
3278
+ /**
3279
+ * The banner's buttons: at the end of the last line of text, centered on it,
3280
+ * while the text fits beside them on one line; on a line of their own under the
3281
+ * text, aligned to the end, when it doesn't or the banner is narrower than
3282
+ * 480px.
3283
+ */
3284
+ export declare function BannerAction({ render, className, ref, ...props }: BannerActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
3285
+ type BannerCloseProps = Omit<ButtonProps, "variant" | "size">;
3286
+ /**
3287
+ * The × of a banner that has no button: a frameless icon button at the end of
3288
+ * the first line, centered on it, its icon box ending on the banner's padding.
3289
+ * Never put it in `BannerAction`.
3290
+ */
3291
+ export declare function BannerClose({ className, children, "aria-label": ariaLabel, ...props }: BannerCloseProps): import("react").JSX.Element;
3270
3292
  //#endregion
3271
3293
  //#region src/components/empty-state/empty-state.d.ts
3272
3294
  type EmptyStateProps = useRender.ComponentProps<"div">;
@@ -3928,7 +3950,7 @@ export declare function AppShellRoot({ className, defaultSidebarOpen, onSidebarO
3928
3950
  type AppShellRailSlotProps = useRender.ComponentProps<"aside">;
3929
3951
  export declare function AppShellRailSlot({ className, render, ...props }: AppShellRailSlotProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
3930
3952
  type AppShellSidebarSlotProps = useRender.ComponentProps<"aside">;
3931
- export declare function AppShellSidebarSlot({ className, render, ...props }: AppShellSidebarSlotProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
3953
+ export declare function AppShellSidebarSlot({ className, id: idProp, render, ...props }: AppShellSidebarSlotProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
3932
3954
  type AppShellPanelSlotProps = useRender.ComponentProps<"aside">;
3933
3955
  export declare function AppShellPanelSlot({ className, render, ...props }: AppShellPanelSlotProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
3934
3956
  type AppShellOverlaySlotProps = useRender.ComponentProps<"div">;
@@ -4956,4 +4978,4 @@ type InputModality = "pointer" | "keyboard" | "virtual";
4956
4978
  */
4957
4979
  export declare function installInputModality(doc?: Document): () => void;
4958
4980
  //#endregion
4959
- export { type AlertDialogActionProps, type AlertDialogBodyProps, type AlertDialogCancelProps, type AlertDialogCloseProps, type AlertDialogContentProps, type AlertDialogDescriptionProps, type AlertDialogFooterProps, type AlertDialogHeaderProps, type AlertDialogOverlayProps, type AlertDialogPortalProps, type AlertDialogProps, type AlertDialogTitleProps, type AlertDialogTriggerProps, type AppRailFooterProps, type AppRailHeaderProps, type AppRailItemAttentionProps, type AppRailItemBadgeProps, type AppRailItemIconProps, type AppRailItemIndicatorProps, type AppRailItemLabelProps, type AppRailItemProps, type AppRailNavProps, type AppRailRootProps, type AppShellMainSlotProps, type AppShellOverlaySlotProps, type AppShellPanelSlotProps, type AppShellRailSlotProps, type AppShellRootProps, type AppShellSidebarSlotProps, type AppShellSidebarTriggerProps, Avatar, AvatarBadge, type AvatarBadgeOffset, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BannerActionProps, type BannerDescriptionProps, type BannerProps, type BannerStatus, type BannerTitleProps, Button, type ButtonProps, type CardContentProps, type CardDescriptionProps, type CardFooterProps, type CardHeaderProps, type CardLeadingProps, type CardProps, type CardTitleProps, type CardTrailingProps, Checkbox, CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxProps, type CodeBlockActionProps, type CodeBlockActionsProps, type CodeBlockBodyProps, type CodeBlockHeaderProps, type CodeBlockProps, type CodeBlockTitleProps, type ComboboxChipProps, type ComboboxChipRemoveProps, type ComboboxChipsProps, type ComboboxClearProps, type ComboboxCollectionProps, type ComboboxContentProps, type ComboboxControlProps, type ComboboxEmptyProps, type ComboboxGroupLabelProps, type ComboboxGroupProps, type ComboboxHeaderProps, type ComboboxInputGroupProps, type ComboboxInputProps, type ComboboxItemIndicatorProps, type ComboboxItemProps, type ComboboxLabelProps, type ComboboxListProps, type ComboboxPopupProps, type ComboboxPortalProps, type ComboboxProps, type ComboboxRowProps, type ComboboxSeparatorProps, type ComboboxTriggerCountProps, type ComboboxTriggerIndicatorProps, type ComboboxTriggerProps, type ComboboxValueProps, type ComposerActionsProps, type ComposerAttachmentBodyProps, type ComposerAttachmentFailedOverlayProps, type ComposerAttachmentFileProps, type ComposerAttachmentImageProps, type ComposerAttachmentMetaProps, type ComposerAttachmentProps, type ComposerAttachmentRemoveProps, type ComposerAttachmentTitleProps, type ComposerAttachmentUploadProgressBarProps, type ComposerAttachmentUploadingOverlayProps, type ComposerAttachmentsProps, type ComposerAttachmentsScrollAreaProps, type ComposerDropOverlayLabelProps, type ComposerDropOverlayPromptProps, type ComposerDropOverlayProps, type ComposerIconButtonProps, type ComposerInputProps, type ComposerMetaProps, type ComposerProps, type ComposerRootProps, type ComposerSubmitProps, type ComposerSuggestionAsideProps, type ComposerSuggestionContentProps, type ComposerSuggestionGroupLabelProps, type ComposerSuggestionGroupProps, type ComposerSuggestionIconProps, type ComposerSuggestionListProps, type ComposerSuggestionMetaProps, type ComposerSuggestionOptionProps, type ComposerSuggestionTitleProps, type ComposerSuggestionTriggerMatch, type ComposerSuggestionsInputProps, type ComposerSuggestionsListProps, type ComposerSuggestionsOptionProps, type ComposerToolbarLabelProps, type ComposerToolbarProps, type ContextMenuCheckboxItemIndicatorProps, type ContextMenuCheckboxItemProps, type ContextMenuContentProps, type ContextMenuFooterProps, type ContextMenuItemLabelProps, type ContextMenuItemProps, type ContextMenuLabelProps, type ContextMenuPopupProps, type ContextMenuPortalProps, type ContextMenuProps, type ContextMenuRadioGroupProps, type ContextMenuRadioItemIndicatorProps, type ContextMenuRadioItemProps, type ContextMenuSeparatorProps, type ContextMenuShortcutProps, type ContextMenuSubmenuProps, type ContextMenuSubmenuTriggerProps, type ContextMenuTriggerProps, type ConversationIconProps, type ConversationPanelBodyProps, type ConversationPanelContentProps, type ConversationPanelEmptyStateBrandMarkProps, type ConversationPanelEmptyStateBrandProps, type ConversationPanelEmptyStateProps, type ConversationPanelFooterProps, type ConversationPanelRootProps, type ConversationPanelTabsProps, type CopyableCodeActionProps, type CopyableCodeProps, type CopyableCodeRootProps, type DescriptionDetailsProps, type DescriptionItemProps, type DescriptionListDirection, type DescriptionListProps, type DescriptionTermProps, Dialog, DialogBody, type DialogBodyProps, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogNav, type DialogNavProps, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogSurface, type DialogSurfaceProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, type DrawerActionsProps, type DrawerBodyProps, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerFooterProps, type DrawerHeaderProps, type DrawerOverlayProps, type DrawerPortalProps, type DrawerProps, type DrawerTitleProps, type DrawerTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, type DropdownMenuCheckboxItemIndicatorProps, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuFooter, type DropdownMenuFooterProps, DropdownMenuItem, DropdownMenuItemCount, type DropdownMenuItemCountProps, DropdownMenuItemLabel, type DropdownMenuItemLabelProps, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, type DropdownMenuRadioItemIndicatorProps, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSubmenu, type DropdownMenuSubmenuProps, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, type EmptyStateActionsProps, type EmptyStateContentProps, type EmptyStateDescriptionProps, type EmptyStateIconProps, type EmptyStateProps, type EmptyStateTitleProps, type FieldControlProps, type FieldDescriptionProps, type FieldErrorProps, type FieldItemProps, type FieldLabelProps, type FieldProps, type FieldValidityProps, type FilePreviewBadgeProps, type FilePreviewCodeProps, type FilePreviewDocumentProps, type FilePreviewFileProps, type FilePreviewMediaProps, type FilePreviewProps, type FloatButtonGroupDirection, type FloatButtonGroupProps, type FloatButtonOffset, type FloatButtonPosition, type FloatButtonProps, type FloatButtonShape, type FloatButtonSide, type FloatButtonSize, type FloatButtonVariant, type FormSectionProps, type IconTileProps, type InboxItemActionsProps, type InboxItemBodyProps, type InboxItemContentProps, type InboxItemContextProps, type InboxItemDensity, type InboxItemHeadingProps, type InboxItemHoverTargetProps, type InboxItemLeadingProps, type InboxItemMarksProps, type InboxItemMessageProps, type InboxItemMetadataProps, type InboxItemProps, type InboxItemSelectionProps, type InboxItemSenderProps, type InboxItemSubtitleProps, type InboxItemTimestampProps, type InboxItemTitleProps, type InboxItemTrailingProps, type InboxItemTriggerProps, type InlineCodeProps, type InputGroupAddonProps, type InputGroupAddonTextProps, type InputGroupInputProps, type InputGroupProps, type InputModality, type InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, type LabelAsteriskProps, type LabelOptionalProps, type LabelProps, type LabelSubProps, type LegacyTaskPanelActionsProps, type LegacyTaskPanelBodyProps, type LegacyTaskPanelFieldLabelProps, type LegacyTaskPanelFieldProps, type LegacyTaskPanelFieldTextProps, type LegacyTaskPanelFieldTitleProps, type LegacyTaskPanelHeaderProps, type LegacyTaskPanelIconProps, type LegacyTaskPanelMetaLabelProps, type LegacyTaskPanelMetaProps, type LegacyTaskPanelMetaRowProps, type LegacyTaskPanelMetaValueProps, type LegacyTaskPanelRootProps, type LegacyTaskPanelSectionProps, type LegacyTaskPanelStatusProps, type LegacyTaskPanelTitleMetaProps, type LegacyTaskPanelTitleProps, type LightboxActionsProps, type LightboxCloseProps, type LightboxContentProps, type LightboxHeaderLabelProps, type LightboxHeaderMetaProps, type LightboxHeaderProps, type LightboxInfoActionsProps, type LightboxInfoBarProps, type LightboxInfoDockProps, type LightboxInfoTitleProps, type LightboxMediaProps, type LightboxNavigationButtonProps, type LightboxPortalProps, type LightboxProps, type LightboxStageProps, type LightboxThumbnailProps, type LightboxThumbnailStripProps, type LightboxTitleProps, type LightboxToolbarProps, type LightboxTriggerProps, type ListRowBodyProps, type ListRowBottomProps, type ListRowChevronProps, type ListRowDescriptionProps, type ListRowGroupProps, type ListRowIconProps, type ListRowMetaProps, type ListRowProps, type ListRowTitleProps, type ListRowTopProps, type ListRowValueProps, type LiveAgentActivityBarAvatarProps, type LiveAgentActivityBarContentProps, type LiveAgentActivityBarProps, type LiveAgentActivityBarRowProps, type LiveAgentActivityBarStatusProps, type LiveAgentActivityBarTextProps, type MarkdownBlockquoteProps, type MarkdownCellProps, type MarkdownCheckboxProps, type MarkdownHeaderCellProps, type MarkdownHeadingLevel, type MarkdownHeadingProps, type MarkdownImageProps, type MarkdownInlineCodeProps, type MarkdownLinkProps, type MarkdownListItemProps, type MarkdownListProps, type MarkdownMarkProps, type MarkdownOrderedListProps, type MarkdownParagraphProps, type MarkdownRuleProps, type MarkdownTableProps, type MarkdownTableRowProps, type MarkdownTableScrollProps, type MessageActionCardActionsNoteProps, type MessageActionCardActionsProps, type MessageActionCardCollapseTriggerProps, type MessageActionCardCompletionProps, type MessageActionCardContentProps, type MessageActionCardHeaderDescriptionProps, type MessageActionCardHeaderIconProps, type MessageActionCardHeaderProps, type MessageActionCardHeaderStatusProps, type MessageActionCardHeaderTitleProps, type MessageActionCardHintLabelProps, type MessageActionCardHintProps, type MessageActionCardNoticeProps, type MessageActionCardPropertiesProps, type MessageActionCardPropertyLabelProps, type MessageActionCardPropertyProps, type MessageActionCardPropertyValueProps, type MessageActionCardProps, type MessageActionCardScopeDescriptionProps, type MessageActionCardScopeListLabelProps, type MessageActionCardScopeListProps, type MessageActionCardScopeListViewportProps, type MessageActionCardScopeNameProps, type MessageActionCardScopeProps, type MessageActionCardStatusProps, type MessageAttachmentActionProps, type MessageAttachmentCardProps, type MessageAttachmentCommentSummaryProps, type MessageAttachmentDiffAdditionProps, type MessageAttachmentDiffDeletionProps, type MessageAttachmentDiffSummaryProps, type MessageAttachmentGroupProps, type MessageAttachmentMetaEndProps, type MessageAttachmentMetaProps, type MessageAttachmentMetaStartProps, type MessageAttachmentSummaryProps, type MessageAttachmentTitleProps, type MessageEmbedContentProps, type MessageEmbedFooterProps, type MessageEmbedHeaderProps, type MessageEmbedProps, type MessageForwardedBundleAttachmentMetaProps, type MessageForwardedBundleAttachmentNameProps, type MessageForwardedBundleAttachmentProps, type MessageForwardedBundleAttachmentsProps, type MessageForwardedBundleFooterActionProps, type MessageForwardedBundleFooterProps, type MessageForwardedBundleGalleryProps, type MessageForwardedBundleGalleryTileProps, type MessageForwardedBundleHeaderContentProps, type MessageForwardedBundleHeaderCountProps, type MessageForwardedBundleHeaderLabelProps, type MessageForwardedBundleHeaderProps, type MessageForwardedBundleItemAuthorProps, type MessageForwardedBundleItemContentProps, type MessageForwardedBundleItemMetaProps, type MessageForwardedBundleItemProps, type MessageForwardedBundleItemsProps, type MessageForwardedBundleProps, type MessageForwardedBundleSourceLabelProps, type MessageForwardedBundleSourceProps, type MessageImageGalleryActionProps, type MessageImageGalleryAspectKind, type MessageImageGalleryFit, type MessageImageGalleryImage, type MessageImageGalleryItemLayout, type MessageImageGalleryItemProps, type MessageImageGalleryMediaProps, type MessageImageGalleryOverlayProps, type MessageImageGalleryPreviewProps, type MessageImageGalleryProps, type MessageImageGalleryRowData, type MessageImageGalleryRowProps, MessageItem, MessageItemAttachments, type MessageItemAttachmentsProps, MessageItemAvatarSlot, type MessageItemAvatarSlotProps, MessageItemBadge, type MessageItemBadgeProps, MessageItemBadgeSeparator, type MessageItemBadgeSeparatorProps, type MessageItemBadgeStatus, MessageItemBody, type MessageItemBodyProps, MessageItemContent, type MessageItemContentProps, MessageItemContinuationTime, type MessageItemContinuationTimeProps, MessageItemEdited, type MessageItemEditedProps, MessageItemEmbedded, type MessageItemEmbeddedProps, MessageItemFooter, type MessageItemFooterProps, MessageItemGutter, type MessageItemGutterProps, MessageItemHeader, type MessageItemHeaderProps, MessageItemInlineStatus, type MessageItemInlineStatusProps, MessageItemMeta, type MessageItemMetaProps, type MessageItemProps, MessageItemReadReceipt, type MessageItemReadReceiptProps, MessageItemSavedIndicator, type MessageItemSavedIndicatorProps, MessageItemSearchMatch, type MessageItemSearchMatchProps, MessageItemSender, MessageItemSenderBadges, type MessageItemSenderBadgesProps, MessageItemSenderButton, type MessageItemSenderButtonProps, MessageItemSenderGroup, type MessageItemSenderGroupProps, type MessageItemSenderProps, MessageItemTime, type MessageItemTimeProps, MessageItemToolbar, MessageItemToolbarButton, type MessageItemToolbarButtonProps, type MessageItemToolbarProps, type MessageItemTranslationActionProps, type MessageItemTranslationFailedStatusProps, type MessageItemTranslationOriginalLabelProps, type MessageItemTranslationOriginalProps, type MessageItemTranslationProgressTrackProps, type MessageItemTranslationRetryActionProps, type MessageItemTranslationStatusProps, MessageList, MessageListDateDivider, type MessageListDateDividerProps, MessageListHistoryLimited, type MessageListHistoryLimitedProps, MessageListNotice, type MessageListNoticeProps, type MessageListProps, MessageMultiSelect, MessageMultiSelectCheckbox, type MessageMultiSelectCheckboxProps, type MessageMultiSelectProps, MessageMultiSelectToolbar, type MessageMultiSelectToolbarProps, MessageQuotedPreview, MessageQuotedPreviewAttachment, type MessageQuotedPreviewAttachmentProps, MessageQuotedPreviewAttachments, type MessageQuotedPreviewAttachmentsProps, MessageQuotedPreviewAuthor, MessageQuotedPreviewAuthorMeta, type MessageQuotedPreviewAuthorMetaProps, MessageQuotedPreviewAuthorName, type MessageQuotedPreviewAuthorNameProps, type MessageQuotedPreviewAuthorProps, MessageQuotedPreviewChannel, type MessageQuotedPreviewChannelProps, MessageQuotedPreviewContent, type MessageQuotedPreviewContentProps, MessageQuotedPreviewHeader, type MessageQuotedPreviewHeaderProps, MessageQuotedPreviewLoading, type MessageQuotedPreviewLoadingProps, type MessageQuotedPreviewProps, MessageQuotedPreviewText, type MessageQuotedPreviewTextProps, MessageQuotedPreviewThread, type MessageQuotedPreviewThreadProps, MessageQuotedPreviewTimestamp, type MessageQuotedPreviewTimestampProps, MessageQuotedPreviewUnavailable, type MessageQuotedPreviewUnavailableProps, MessageReactionAddButton, type MessageReactionAddButtonProps, MessageReactionChip, type MessageReactionChipProps, MessageReactionCount, type MessageReactionCountProps, MessageReactionErrorIndicator, type MessageReactionErrorIndicatorProps, MessageReactionGlyph, type MessageReactionGlyphProps, MessageReactionPickerContent, type MessageReactionPickerContentProps, MessageReactionPickerStatic, type MessageReactionPickerStaticProps, MessageReactionQuickButton, type MessageReactionQuickButtonProps, MessageReactionQuickRow, type MessageReactionQuickRowProps, MessageReactionTooltipContent, type MessageReactionTooltipContentProps, MessageReactionTooltipMeta, type MessageReactionTooltipMetaProps, MessageReactionTooltipName, type MessageReactionTooltipNameProps, MessageReactionTooltipNameText, type MessageReactionTooltipNameTextProps, MessageReactionTooltipNames, type MessageReactionTooltipNamesProps, MessageReactionTooltipSeparator, type MessageReactionTooltipSeparatorProps, MessageReferenceChip, type MessageReferenceChipProps, type MessageReferenceChipVariant, MessageReferenceIndicator, type MessageReferenceIndicatorProps, MessageReferenceLabel, type MessageReferenceLabelProps, MessageReferencePending, type MessageReferencePendingProps, MessageReferenceText, type MessageReferenceTextProps, type MessageReferenceTextVariant, MessageReferenceUnavailable, type MessageReferenceUnavailableProps, type MessageRepliesItemContentProps, type MessageRepliesItemProps, type MessageRepliesItemSenderProps, type MessageRepliesItemTimeProps, type MessageRepliesProps, type MessageRepliesSummaryItemProps, type MessageRepliesSummaryProps, type MessageTextSelectionAnchor, MessageTextSelectionToolbar, MessageTextSelectionToolbarButton, type MessageTextSelectionToolbarButtonProps, type MessageTextSelectionToolbarProps, MessageTextSelectionToolbarSeparator, type MessageTextSelectionToolbarSeparatorProps, type MessageVideoPreviewActionProps, type MessageVideoPreviewFailureActionProps, type MessageVideoPreviewFailureContentProps, type MessageVideoPreviewFailureIconProps, type MessageVideoPreviewFailureTitleProps, type MessageVideoPreviewFallbackProps, type MessageVideoPreviewMediaProps, type MessageVideoPreviewProps, type MobileNavItemProps, type MobileNavLabelProps, type MobileNavRootProps, type NotificationCenterActionButtonProps, type NotificationCenterCountProps, type NotificationCenterEmptyStateProps, type NotificationCenterHeaderProps, type NotificationCenterItemActionsProps, type NotificationCenterItemBodyProps, type NotificationCenterItemContentProps, type NotificationCenterItemIconProps, type NotificationCenterItemProps, type NotificationCenterItemRowProps, type NotificationCenterItemTitleProps, type NotificationCenterListProps, type NotificationCenterPopupProps, type NotificationCenterPortalProps, type NotificationCenterProps, type NotificationCenterScrollerProps, type NotificationCenterTitleProps, type NotificationCenterTriggerProps, type OrderedTabItem, type OtterIndicatorProps, type PanelActionProps, type PanelActionsProps, type PanelActivityProps, type PanelBodyProps, type PanelEdge, type PanelFooterProps, type PanelHeaderContentProps, type PanelHeaderIconProps, type PanelHeaderProps, type PanelHeaderRootProps, type PanelHeadingProps, type PanelMetaProps, type PanelNoticeActionsProps, type PanelNoticeContentProps, type PanelNoticeProps, type PanelNoticeStatus, type PanelProps, type PanelScrollContentProps, type PanelScrollViewportProps, type PanelSectionHeaderProps, type PanelSectionProps, type PanelStatusProps, type PanelTitleProps, type PanelToggleActionProps, type PickerTriggerButtonProps, type PopoverArrowProps, type PopoverBackdropProps, type PopoverCloseProps, type PopoverContentProps, type PopoverDescriptionProps, type PopoverHeaderProps, type PopoverPopupProps, type PopoverPortalProps, type PopoverProps, type PopoverSeparatorProps, type PopoverTitleProps, type PopoverTriggerProps, type PopoverViewportProps, type Presence, type PreviewCardArrowProps, type PreviewCardContentProps, type PreviewCardDescriptionProps, type PreviewCardHeaderProps, type PreviewCardPopupProps, type PreviewCardPortalProps, type PreviewCardProps, type PreviewCardSeparatorProps, type PreviewCardTitleProps, type PreviewCardTriggerProps, type ProfilePanelBodyProps, type ProfilePanelHeaderContentProps, type ProfilePanelHeaderProps, type ProfilePanelProps, type ProfilePanelSectionProps, type ProgressHeaderProps, type ProgressIndicatorProps, type ProgressLabelProps, type ProgressProps, type ProgressTrackProps, type ProgressValueProps, type RadioGroupIndicatorProps, type RadioGroupItemProps, type RadioGroupProps, type RaftLogoLockupProps, type RaftLogoProps, type RaftWordmarkProps, type ResizableGroupProps, type ResizableHandleProps, type ResizablePanelProps, type ResolvedThemeMode, type RowTone, type ScrollAreaContentProps, type ScrollAreaCornerProps, type ScrollAreaProps, type ScrollAreaScrollbarProps, type ScrollAreaThumbProps, type ScrollAreaViewportProps, type SegmentedControlCountProps, type SegmentedControlIconsOnlyBelow, type SegmentedControlItemProps, type SegmentedControlLabelProps, type SegmentedControlProps, type SelectArrowProps, type SelectContentProps, type SelectGroupLabelProps, type SelectGroupProps, type SelectIconProps, type SelectItemDescriptionProps, type SelectItemIndicatorProps, type SelectItemLeadingProps, type SelectItemProps, type SelectItemTextProps, type SelectLabelProps, type SelectListProps, type SelectPopupProps, type SelectPortalProps, type SelectProps, type SelectScrollDownArrowProps, type SelectScrollUpArrowProps, type SelectSeparatorProps, type SelectTriggerProps, type SelectValueProps, type SeparatorProps, type SidebarBodyProps, type SidebarContentProps, type SidebarControlProps, type SidebarGroupLabelProps, type SidebarHeaderProps, type SidebarHeaderTitleProps, type SidebarItemAsideProps, type SidebarItemChannelIconProps, type SidebarItemContentProps, type SidebarItemCountProps, type SidebarItemCountSeparatorProps, type SidebarItemIconProps, type SidebarItemIndicatorProps, type SidebarItemMetaIconProps, type SidebarItemMetaProps, type SidebarItemProps, type SidebarItemStatusProps, type SidebarItemSubtitleProps, type SidebarItemThreadCountProps, type SidebarItemTitleProps, type SidebarListProps, type SidebarLiveActivityProps, type SidebarMenuAsideProps, type SidebarMenuCountProps, type SidebarMenuIconProps, type SidebarMenuProps, type SidebarMenuTitleProps, type SidebarRootProps, type SidebarSectionAttentionProps, type SidebarSectionChevronProps, type SidebarSectionControlProps, type SidebarSectionControlsProps, type SidebarSectionCountProps, type SidebarSectionDisclosureProps, type SidebarSectionEmptyProps, type SidebarSectionHeaderProps, type SidebarSectionProps, type SidebarSectionTitleProps, type SidebarSectionTrailingProps, type SkeletonProps, type SkeletonVariant, type SortableComposerAttachmentProps, type SortableComposerAttachmentsProps, type SortableTabsListProps, type SortableTabsTabProps, type SpinnerProps, type StatusProps, type StepProps, type StepStatus, type StepsProps, type SwitchProps, type SwitchThumbProps, type SystemMessageContentProps, type SystemMessageGroupChevronProps, type SystemMessageGroupDisclosureProps, type SystemMessageGroupHeaderProps, type SystemMessageGroupPanelProps, type SystemMessageGroupProps, type SystemMessageGroupSummaryProps, type SystemMessageProps, type SystemMessageTimeProps, type TableBodyProps, type TableCaptionProps, type TableCellProps, type TableColgroupProps, type TableColumnProps, type TableHeadProps, type TableHeaderProps, type TableProps, type TableRowProps, type TabsLabelProps, type TabsListProps, type TabsPanelProps, type TabsPlacement, type TabsProps, type TabsTabProps, type TaskBoardColumnBadgeProps, type TaskBoardColumnChevronProps, type TaskBoardColumnCountProps, type TaskBoardColumnEmptyAllowedProps, type TaskBoardColumnEmptyBlockedProps, type TaskBoardColumnEmptyIdleProps, type TaskBoardColumnEmptyProps, type TaskBoardColumnHeadingProps, type TaskBoardColumnItemsProps, type TaskBoardColumnPanelProps, type TaskBoardColumnProps, type TaskBoardColumnTriggerProps, type TaskBoardRootProps, type TaskCardBodyProps, type TaskCardChannelProps, type TaskCardDescriptionProps, type TaskCardLegacyProps, type TaskCardMetaProps, type TaskCardNumberProps, type TaskCardProps, type TaskCardRowProps, type TaskCardStatusProps, type TaskCardTitleProps, type TaskChipProps, type TaskChipSize, type TaskChipVariant, type TaskDndAccessibility, type TaskDndProviderProps, type TaskDragOverlayProps, type TaskDraggableProps, type TaskDropData, type TaskDropPlaceholderProps, type TaskDropPlacement, type TaskDropState, type TaskDropZoneProps, type TaskDropZoneState, type TaskListRootProps, type TaskLoadingListProps, type TaskLoadingRowProps, type TaskMoveDetails, type TaskSectionBadgeProps, type TaskSectionChevronProps, type TaskSectionCountProps, type TaskSectionEmptyProps, type TaskSectionHeadingProps, type TaskSectionItemsProps, type TaskSectionPanelProps, type TaskSectionProps, type TaskSectionTriggerProps, type TaskStatusBadgeProps, type TaskStatusId, type TasksPanelEmptyProps, type TasksPanelRootProps, type TasksPanelToolbarFiltersProps, type TasksPanelToolbarGroupProps, type TasksPanelToolbarLabelProps, type TasksPanelToolbarNewTaskProps, type TasksPanelToolbarProps, type TasksPanelToolbarViewProps, type TasksPanelViewportProps, type TextHeadingProps, type TextLinkProps, type TextMonoProps, type TextSansProps, type TextareaCounterProps, type TextareaGroupProps, type TextareaProps, type ThemeMode, type ThemeProviderProps, type ThemeState, type ThreadPanelActionsProps, type ThreadPanelBodyProps, type ThreadPanelContentProps, type ThreadPanelFooterProps, type ThreadPanelHeaderProps, type ThreadPanelOriginalMessageProps, type ThreadPanelReplyCountProps, type ThreadPanelReplySummaryProps, type ThreadPanelRootProps, type ThreadPanelSearchCountProps, type ThreadPanelSearchProps, type ThreadPanelSearchTrailingProps, type ThreadPanelTitleMetaProps, type ThreadPanelTitleProps, type TimelineContentProps, type TimelineItemPlacement, type TimelineItemProps, type TimelineItemVariant, type TimelineLineType, type TimelineProps, type TimelineSize, type TimelineTimeProps, type TimelineTitleProps, type ToastActionProps, type ToastActionsProps, type ToastArrowProps, type ToastBodyProps, type ToastCloseProps, type ToastContentProps, type ToastData, type ToastDescriptionProps, type ToastIconProps, type ToastIntent, type ToastObject, type ToastPortalProps, type ToastPositionerProps, type ToastProgressProps, type ToastProviderProps, type ToastRootProps, type ToastTitleProps, type ToastViewportProps, type ToggleGroupItemProps, type ToggleGroupLabelProps, type ToggleGroupProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipPortalProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, type UseComposerSuggestionsParams, type VirtualListApi, type Column as VirtualListColumn, type FooterRender as VirtualListFooterRender, type ItemRenderProps as VirtualListItemRenderProps, type MeasuredRef as VirtualListMeasuredRef, type VirtualListProps, type RenderAnomaly as VirtualListRenderAnomaly, type RenderColInfo as VirtualListRenderColInfo, type RenderItemWithColsInfo as VirtualListRenderItemWithColsInfo, type RenderReason as VirtualListRenderReason, type ObservedResizeEntry as VirtualListResizeEntry, type ScrollAlign as VirtualListScrollAlign, type ScrollPosition as VirtualListScrollPosition, type VirtualListScrollToOptions, type WorkspaceButtonNameProps, type WorkspaceButtonProps, buttonVariants, cn };
4981
+ export { type AlertDialogActionProps, type AlertDialogBodyProps, type AlertDialogCancelProps, type AlertDialogCloseProps, type AlertDialogContentProps, type AlertDialogDescriptionProps, type AlertDialogFooterProps, type AlertDialogHeaderProps, type AlertDialogOverlayProps, type AlertDialogPortalProps, type AlertDialogProps, type AlertDialogTitleProps, type AlertDialogTriggerProps, type AppRailFooterProps, type AppRailHeaderProps, type AppRailItemAttentionProps, type AppRailItemBadgeProps, type AppRailItemIconProps, type AppRailItemIndicatorProps, type AppRailItemLabelProps, type AppRailItemProps, type AppRailNavProps, type AppRailRootProps, type AppShellMainSlotProps, type AppShellOverlaySlotProps, type AppShellPanelSlotProps, type AppShellRailSlotProps, type AppShellRootProps, type AppShellSidebarSlotProps, type AppShellSidebarTriggerProps, Avatar, AvatarBadge, type AvatarBadgeOffset, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BannerActionProps, type BannerCloseProps, type BannerDescriptionProps, type BannerProps, type BannerStatus, type BannerTitleProps, Button, type ButtonProps, type CardContentProps, type CardDescriptionProps, type CardFooterProps, type CardHeaderProps, type CardLeadingProps, type CardProps, type CardTitleProps, type CardTrailingProps, Checkbox, CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxProps, type CodeBlockActionProps, type CodeBlockActionsProps, type CodeBlockBodyProps, type CodeBlockHeaderProps, type CodeBlockProps, type CodeBlockTitleProps, type ComboboxChipProps, type ComboboxChipRemoveProps, type ComboboxChipsProps, type ComboboxClearProps, type ComboboxCollectionProps, type ComboboxContentProps, type ComboboxControlProps, type ComboboxEmptyProps, type ComboboxGroupLabelProps, type ComboboxGroupProps, type ComboboxHeaderProps, type ComboboxInputGroupProps, type ComboboxInputProps, type ComboboxItemIndicatorProps, type ComboboxItemProps, type ComboboxLabelProps, type ComboboxListProps, type ComboboxPopupProps, type ComboboxPortalProps, type ComboboxProps, type ComboboxRowProps, type ComboboxSeparatorProps, type ComboboxTriggerCountProps, type ComboboxTriggerIndicatorProps, type ComboboxTriggerProps, type ComboboxValueProps, type ComposerActionsProps, type ComposerAttachmentBodyProps, type ComposerAttachmentFailedOverlayProps, type ComposerAttachmentFileProps, type ComposerAttachmentImageProps, type ComposerAttachmentMetaProps, type ComposerAttachmentProps, type ComposerAttachmentRemoveProps, type ComposerAttachmentTitleProps, type ComposerAttachmentUploadProgressBarProps, type ComposerAttachmentUploadingOverlayProps, type ComposerAttachmentsProps, type ComposerAttachmentsScrollAreaProps, type ComposerDropOverlayLabelProps, type ComposerDropOverlayPromptProps, type ComposerDropOverlayProps, type ComposerIconButtonProps, type ComposerInputProps, type ComposerMetaProps, type ComposerProps, type ComposerRootProps, type ComposerSubmitProps, type ComposerSuggestionAsideProps, type ComposerSuggestionContentProps, type ComposerSuggestionGroupLabelProps, type ComposerSuggestionGroupProps, type ComposerSuggestionIconProps, type ComposerSuggestionListProps, type ComposerSuggestionMetaProps, type ComposerSuggestionOptionProps, type ComposerSuggestionTitleProps, type ComposerSuggestionTriggerMatch, type ComposerSuggestionsInputProps, type ComposerSuggestionsListProps, type ComposerSuggestionsOptionProps, type ComposerToolbarLabelProps, type ComposerToolbarProps, type ContextMenuCheckboxItemIndicatorProps, type ContextMenuCheckboxItemProps, type ContextMenuContentProps, type ContextMenuFooterProps, type ContextMenuItemLabelProps, type ContextMenuItemProps, type ContextMenuLabelProps, type ContextMenuPopupProps, type ContextMenuPortalProps, type ContextMenuProps, type ContextMenuRadioGroupProps, type ContextMenuRadioItemIndicatorProps, type ContextMenuRadioItemProps, type ContextMenuSeparatorProps, type ContextMenuShortcutProps, type ContextMenuSubmenuProps, type ContextMenuSubmenuTriggerProps, type ContextMenuTriggerProps, type ConversationIconProps, type ConversationPanelBodyProps, type ConversationPanelContentProps, type ConversationPanelEmptyStateBrandMarkProps, type ConversationPanelEmptyStateBrandProps, type ConversationPanelEmptyStateProps, type ConversationPanelFooterProps, type ConversationPanelRootProps, type ConversationPanelTabsProps, type CopyableCodeActionProps, type CopyableCodeProps, type CopyableCodeRootProps, type DescriptionDetailsProps, type DescriptionItemProps, type DescriptionListDirection, type DescriptionListProps, type DescriptionTermProps, Dialog, DialogBody, type DialogBodyProps, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogNav, type DialogNavProps, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogSurface, type DialogSurfaceProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, type DrawerActionsProps, type DrawerBodyProps, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerFooterProps, type DrawerHeaderProps, type DrawerOverlayProps, type DrawerPortalProps, type DrawerProps, type DrawerTitleProps, type DrawerTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, type DropdownMenuCheckboxItemIndicatorProps, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuFooter, type DropdownMenuFooterProps, DropdownMenuItem, DropdownMenuItemCount, type DropdownMenuItemCountProps, DropdownMenuItemLabel, type DropdownMenuItemLabelProps, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, type DropdownMenuRadioItemIndicatorProps, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSubmenu, type DropdownMenuSubmenuProps, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, type EmptyStateActionsProps, type EmptyStateContentProps, type EmptyStateDescriptionProps, type EmptyStateIconProps, type EmptyStateProps, type EmptyStateTitleProps, type FieldControlProps, type FieldDescriptionProps, type FieldErrorProps, type FieldItemProps, type FieldLabelProps, type FieldProps, type FieldValidityProps, type FilePreviewBadgeProps, type FilePreviewCodeProps, type FilePreviewDocumentProps, type FilePreviewFileProps, type FilePreviewMediaProps, type FilePreviewProps, type FloatButtonGroupDirection, type FloatButtonGroupProps, type FloatButtonOffset, type FloatButtonPosition, type FloatButtonProps, type FloatButtonShape, type FloatButtonSide, type FloatButtonSize, type FloatButtonVariant, type FormSectionProps, type IconTileProps, type InboxItemActionsProps, type InboxItemBodyProps, type InboxItemContentProps, type InboxItemContextProps, type InboxItemDensity, type InboxItemHeadingProps, type InboxItemHoverTargetProps, type InboxItemLeadingProps, type InboxItemMarksProps, type InboxItemMessageProps, type InboxItemMetadataProps, type InboxItemProps, type InboxItemSelectionProps, type InboxItemSenderProps, type InboxItemSubtitleProps, type InboxItemTimestampProps, type InboxItemTitleProps, type InboxItemTrailingProps, type InboxItemTriggerProps, type InlineCodeProps, type InputGroupAddonProps, type InputGroupAddonTextProps, type InputGroupInputProps, type InputGroupProps, type InputModality, type InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, type LabelAsteriskProps, type LabelOptionalProps, type LabelProps, type LabelSubProps, type LegacyTaskPanelActionsProps, type LegacyTaskPanelBodyProps, type LegacyTaskPanelFieldLabelProps, type LegacyTaskPanelFieldProps, type LegacyTaskPanelFieldTextProps, type LegacyTaskPanelFieldTitleProps, type LegacyTaskPanelHeaderProps, type LegacyTaskPanelIconProps, type LegacyTaskPanelMetaLabelProps, type LegacyTaskPanelMetaProps, type LegacyTaskPanelMetaRowProps, type LegacyTaskPanelMetaValueProps, type LegacyTaskPanelRootProps, type LegacyTaskPanelSectionProps, type LegacyTaskPanelStatusProps, type LegacyTaskPanelTitleMetaProps, type LegacyTaskPanelTitleProps, type LightboxActionsProps, type LightboxCloseProps, type LightboxContentProps, type LightboxHeaderLabelProps, type LightboxHeaderMetaProps, type LightboxHeaderProps, type LightboxInfoActionsProps, type LightboxInfoBarProps, type LightboxInfoDockProps, type LightboxInfoTitleProps, type LightboxMediaProps, type LightboxNavigationButtonProps, type LightboxPortalProps, type LightboxProps, type LightboxStageProps, type LightboxThumbnailProps, type LightboxThumbnailStripProps, type LightboxTitleProps, type LightboxToolbarProps, type LightboxTriggerProps, type ListRowBodyProps, type ListRowBottomProps, type ListRowChevronProps, type ListRowDescriptionProps, type ListRowGroupProps, type ListRowIconProps, type ListRowMetaProps, type ListRowProps, type ListRowTitleProps, type ListRowTopProps, type ListRowValueProps, type LiveAgentActivityBarAvatarProps, type LiveAgentActivityBarContentProps, type LiveAgentActivityBarProps, type LiveAgentActivityBarRowProps, type LiveAgentActivityBarStatusProps, type LiveAgentActivityBarTextProps, type MarkdownBlockquoteProps, type MarkdownCellProps, type MarkdownCheckboxProps, type MarkdownHeaderCellProps, type MarkdownHeadingLevel, type MarkdownHeadingProps, type MarkdownImageProps, type MarkdownInlineCodeProps, type MarkdownLinkProps, type MarkdownListItemProps, type MarkdownListProps, type MarkdownMarkProps, type MarkdownOrderedListProps, type MarkdownParagraphProps, type MarkdownRuleProps, type MarkdownTableProps, type MarkdownTableRowProps, type MarkdownTableScrollProps, type MessageActionCardActionsNoteProps, type MessageActionCardActionsProps, type MessageActionCardCollapseTriggerProps, type MessageActionCardCompletionProps, type MessageActionCardContentProps, type MessageActionCardHeaderDescriptionProps, type MessageActionCardHeaderIconProps, type MessageActionCardHeaderProps, type MessageActionCardHeaderStatusProps, type MessageActionCardHeaderTitleProps, type MessageActionCardHintLabelProps, type MessageActionCardHintProps, type MessageActionCardNoticeProps, type MessageActionCardPropertiesProps, type MessageActionCardPropertyLabelProps, type MessageActionCardPropertyProps, type MessageActionCardPropertyValueProps, type MessageActionCardProps, type MessageActionCardScopeDescriptionProps, type MessageActionCardScopeListLabelProps, type MessageActionCardScopeListProps, type MessageActionCardScopeListViewportProps, type MessageActionCardScopeNameProps, type MessageActionCardScopeProps, type MessageActionCardStatusProps, type MessageAttachmentActionProps, type MessageAttachmentCardProps, type MessageAttachmentCommentSummaryProps, type MessageAttachmentDiffAdditionProps, type MessageAttachmentDiffDeletionProps, type MessageAttachmentDiffSummaryProps, type MessageAttachmentGroupProps, type MessageAttachmentMetaEndProps, type MessageAttachmentMetaProps, type MessageAttachmentMetaStartProps, type MessageAttachmentSummaryProps, type MessageAttachmentTitleProps, type MessageEmbedContentProps, type MessageEmbedFooterProps, type MessageEmbedHeaderProps, type MessageEmbedProps, type MessageForwardedBundleAttachmentMetaProps, type MessageForwardedBundleAttachmentNameProps, type MessageForwardedBundleAttachmentProps, type MessageForwardedBundleAttachmentsProps, type MessageForwardedBundleFooterActionProps, type MessageForwardedBundleFooterProps, type MessageForwardedBundleGalleryProps, type MessageForwardedBundleGalleryTileProps, type MessageForwardedBundleHeaderContentProps, type MessageForwardedBundleHeaderCountProps, type MessageForwardedBundleHeaderLabelProps, type MessageForwardedBundleHeaderProps, type MessageForwardedBundleItemAuthorProps, type MessageForwardedBundleItemContentProps, type MessageForwardedBundleItemMetaProps, type MessageForwardedBundleItemProps, type MessageForwardedBundleItemsProps, type MessageForwardedBundleProps, type MessageForwardedBundleSourceLabelProps, type MessageForwardedBundleSourceProps, type MessageImageGalleryActionProps, type MessageImageGalleryAspectKind, type MessageImageGalleryFit, type MessageImageGalleryImage, type MessageImageGalleryItemLayout, type MessageImageGalleryItemProps, type MessageImageGalleryMediaProps, type MessageImageGalleryOverlayProps, type MessageImageGalleryPreviewProps, type MessageImageGalleryProps, type MessageImageGalleryRowData, type MessageImageGalleryRowProps, MessageItem, MessageItemAttachments, type MessageItemAttachmentsProps, MessageItemAvatarSlot, type MessageItemAvatarSlotProps, MessageItemBadge, type MessageItemBadgeProps, MessageItemBadgeSeparator, type MessageItemBadgeSeparatorProps, type MessageItemBadgeStatus, MessageItemBody, type MessageItemBodyProps, MessageItemContent, type MessageItemContentProps, MessageItemContinuationTime, type MessageItemContinuationTimeProps, MessageItemEdited, type MessageItemEditedProps, MessageItemEmbedded, type MessageItemEmbeddedProps, MessageItemFooter, type MessageItemFooterProps, MessageItemGutter, type MessageItemGutterProps, MessageItemHeader, type MessageItemHeaderProps, MessageItemInlineStatus, type MessageItemInlineStatusProps, MessageItemMeta, type MessageItemMetaProps, type MessageItemProps, MessageItemReadReceipt, type MessageItemReadReceiptProps, MessageItemSavedIndicator, type MessageItemSavedIndicatorProps, MessageItemSearchMatch, type MessageItemSearchMatchProps, MessageItemSender, MessageItemSenderBadges, type MessageItemSenderBadgesProps, MessageItemSenderButton, type MessageItemSenderButtonProps, MessageItemSenderGroup, type MessageItemSenderGroupProps, type MessageItemSenderProps, MessageItemTime, type MessageItemTimeProps, MessageItemToolbar, MessageItemToolbarButton, type MessageItemToolbarButtonProps, type MessageItemToolbarProps, type MessageItemTranslationActionProps, type MessageItemTranslationFailedStatusProps, type MessageItemTranslationOriginalLabelProps, type MessageItemTranslationOriginalProps, type MessageItemTranslationProgressTrackProps, type MessageItemTranslationRetryActionProps, type MessageItemTranslationStatusProps, MessageList, MessageListDateDivider, type MessageListDateDividerProps, MessageListHistoryLimited, type MessageListHistoryLimitedProps, MessageListNotice, type MessageListNoticeProps, type MessageListProps, MessageMultiSelect, MessageMultiSelectCheckbox, type MessageMultiSelectCheckboxProps, type MessageMultiSelectProps, MessageMultiSelectToolbar, type MessageMultiSelectToolbarProps, MessageQuotedPreview, MessageQuotedPreviewAttachment, type MessageQuotedPreviewAttachmentProps, MessageQuotedPreviewAttachments, type MessageQuotedPreviewAttachmentsProps, MessageQuotedPreviewAuthor, MessageQuotedPreviewAuthorMeta, type MessageQuotedPreviewAuthorMetaProps, MessageQuotedPreviewAuthorName, type MessageQuotedPreviewAuthorNameProps, type MessageQuotedPreviewAuthorProps, MessageQuotedPreviewChannel, type MessageQuotedPreviewChannelProps, MessageQuotedPreviewContent, type MessageQuotedPreviewContentProps, MessageQuotedPreviewHeader, type MessageQuotedPreviewHeaderProps, MessageQuotedPreviewLoading, type MessageQuotedPreviewLoadingProps, type MessageQuotedPreviewProps, MessageQuotedPreviewText, type MessageQuotedPreviewTextProps, MessageQuotedPreviewThread, type MessageQuotedPreviewThreadProps, MessageQuotedPreviewTimestamp, type MessageQuotedPreviewTimestampProps, MessageQuotedPreviewUnavailable, type MessageQuotedPreviewUnavailableProps, MessageReactionAddButton, type MessageReactionAddButtonProps, MessageReactionChip, type MessageReactionChipProps, MessageReactionCount, type MessageReactionCountProps, MessageReactionErrorIndicator, type MessageReactionErrorIndicatorProps, MessageReactionGlyph, type MessageReactionGlyphProps, MessageReactionPickerContent, type MessageReactionPickerContentProps, MessageReactionPickerStatic, type MessageReactionPickerStaticProps, MessageReactionQuickButton, type MessageReactionQuickButtonProps, MessageReactionQuickRow, type MessageReactionQuickRowProps, MessageReactionTooltipContent, type MessageReactionTooltipContentProps, MessageReactionTooltipMeta, type MessageReactionTooltipMetaProps, MessageReactionTooltipName, type MessageReactionTooltipNameProps, MessageReactionTooltipNameText, type MessageReactionTooltipNameTextProps, MessageReactionTooltipNames, type MessageReactionTooltipNamesProps, MessageReactionTooltipSeparator, type MessageReactionTooltipSeparatorProps, MessageReferenceChip, type MessageReferenceChipProps, type MessageReferenceChipVariant, MessageReferenceIndicator, type MessageReferenceIndicatorProps, MessageReferenceLabel, type MessageReferenceLabelProps, MessageReferencePending, type MessageReferencePendingProps, MessageReferenceText, type MessageReferenceTextProps, type MessageReferenceTextVariant, MessageReferenceUnavailable, type MessageReferenceUnavailableProps, type MessageRepliesItemContentProps, type MessageRepliesItemProps, type MessageRepliesItemSenderProps, type MessageRepliesItemTimeProps, type MessageRepliesProps, type MessageRepliesSummaryItemProps, type MessageRepliesSummaryProps, type MessageTextSelectionAnchor, MessageTextSelectionToolbar, MessageTextSelectionToolbarButton, type MessageTextSelectionToolbarButtonProps, type MessageTextSelectionToolbarProps, MessageTextSelectionToolbarSeparator, type MessageTextSelectionToolbarSeparatorProps, type MessageVideoPreviewActionProps, type MessageVideoPreviewFailureActionProps, type MessageVideoPreviewFailureContentProps, type MessageVideoPreviewFailureIconProps, type MessageVideoPreviewFailureTitleProps, type MessageVideoPreviewFallbackProps, type MessageVideoPreviewMediaProps, type MessageVideoPreviewProps, type MobileNavItemProps, type MobileNavLabelProps, type MobileNavRootProps, type NotificationCenterActionButtonProps, type NotificationCenterCountProps, type NotificationCenterEmptyStateProps, type NotificationCenterHeaderProps, type NotificationCenterItemActionsProps, type NotificationCenterItemBodyProps, type NotificationCenterItemContentProps, type NotificationCenterItemIconProps, type NotificationCenterItemProps, type NotificationCenterItemRowProps, type NotificationCenterItemTitleProps, type NotificationCenterListProps, type NotificationCenterPopupProps, type NotificationCenterPortalProps, type NotificationCenterProps, type NotificationCenterScrollerProps, type NotificationCenterTitleProps, type NotificationCenterTriggerProps, type OrderedTabItem, type OtterIndicatorProps, type PanelActionProps, type PanelActionsProps, type PanelActivityProps, type PanelBodyProps, type PanelEdge, type PanelFooterProps, type PanelHeaderContentProps, type PanelHeaderIconProps, type PanelHeaderProps, type PanelHeaderRootProps, type PanelHeadingProps, type PanelMetaProps, type PanelNoticeActionsProps, type PanelNoticeContentProps, type PanelNoticeProps, type PanelNoticeStatus, type PanelProps, type PanelScrollContentProps, type PanelScrollViewportProps, type PanelSectionHeaderProps, type PanelSectionProps, type PanelStatusProps, type PanelTitleProps, type PanelToggleActionProps, type PickerTriggerButtonProps, type PopoverArrowProps, type PopoverBackdropProps, type PopoverCloseProps, type PopoverContentProps, type PopoverDescriptionProps, type PopoverHeaderProps, type PopoverPopupProps, type PopoverPortalProps, type PopoverProps, type PopoverSeparatorProps, type PopoverTitleProps, type PopoverTriggerProps, type PopoverViewportProps, type Presence, type PreviewCardArrowProps, type PreviewCardContentProps, type PreviewCardDescriptionProps, type PreviewCardHeaderProps, type PreviewCardPopupProps, type PreviewCardPortalProps, type PreviewCardProps, type PreviewCardSeparatorProps, type PreviewCardTitleProps, type PreviewCardTriggerProps, type ProfilePanelBodyProps, type ProfilePanelHeaderContentProps, type ProfilePanelHeaderProps, type ProfilePanelProps, type ProfilePanelSectionProps, type ProgressHeaderProps, type ProgressIndicatorProps, type ProgressLabelProps, type ProgressProps, type ProgressTrackProps, type ProgressValueProps, type RadioGroupIndicatorProps, type RadioGroupItemProps, type RadioGroupProps, type RaftLogoLockupProps, type RaftLogoProps, type RaftWordmarkProps, type ResizableGroupProps, type ResizableHandleProps, type ResizablePanelProps, type ResolvedThemeMode, type RowTone, type ScrollAreaContentProps, type ScrollAreaCornerProps, type ScrollAreaProps, type ScrollAreaScrollbarProps, type ScrollAreaThumbProps, type ScrollAreaViewportProps, type SegmentedControlCountProps, type SegmentedControlIconsOnlyBelow, type SegmentedControlItemProps, type SegmentedControlLabelProps, type SegmentedControlProps, type SelectArrowProps, type SelectContentProps, type SelectGroupLabelProps, type SelectGroupProps, type SelectIconProps, type SelectItemDescriptionProps, type SelectItemIndicatorProps, type SelectItemLeadingProps, type SelectItemProps, type SelectItemTextProps, type SelectLabelProps, type SelectListProps, type SelectPopupProps, type SelectPortalProps, type SelectProps, type SelectScrollDownArrowProps, type SelectScrollUpArrowProps, type SelectSeparatorProps, type SelectTriggerProps, type SelectValueProps, type SeparatorProps, type SidebarBodyProps, type SidebarContentProps, type SidebarControlProps, type SidebarGroupLabelProps, type SidebarHeaderProps, type SidebarHeaderTitleProps, type SidebarItemAsideProps, type SidebarItemChannelIconProps, type SidebarItemContentProps, type SidebarItemCountProps, type SidebarItemCountSeparatorProps, type SidebarItemIconProps, type SidebarItemIndicatorProps, type SidebarItemMetaIconProps, type SidebarItemMetaProps, type SidebarItemProps, type SidebarItemStatusProps, type SidebarItemSubtitleProps, type SidebarItemThreadCountProps, type SidebarItemTitleProps, type SidebarListProps, type SidebarLiveActivityProps, type SidebarMenuAsideProps, type SidebarMenuCountProps, type SidebarMenuIconProps, type SidebarMenuProps, type SidebarMenuTitleProps, type SidebarRootProps, type SidebarSectionAttentionProps, type SidebarSectionChevronProps, type SidebarSectionControlProps, type SidebarSectionControlsProps, type SidebarSectionCountProps, type SidebarSectionDisclosureProps, type SidebarSectionEmptyProps, type SidebarSectionHeaderProps, type SidebarSectionProps, type SidebarSectionTitleProps, type SidebarSectionTrailingProps, type SkeletonProps, type SkeletonVariant, type SortableComposerAttachmentProps, type SortableComposerAttachmentsProps, type SortableTabsListProps, type SortableTabsTabProps, type SpinnerProps, type StatusProps, type StepProps, type StepStatus, type StepsProps, type SwitchProps, type SwitchThumbProps, type SystemMessageContentProps, type SystemMessageGroupChevronProps, type SystemMessageGroupDisclosureProps, type SystemMessageGroupHeaderProps, type SystemMessageGroupPanelProps, type SystemMessageGroupProps, type SystemMessageGroupSummaryProps, type SystemMessageProps, type SystemMessageTimeProps, type TableBodyProps, type TableCaptionProps, type TableCellProps, type TableColgroupProps, type TableColumnProps, type TableHeadProps, type TableHeaderProps, type TableProps, type TableRowProps, type TabsLabelProps, type TabsListProps, type TabsPanelProps, type TabsPlacement, type TabsProps, type TabsTabProps, type TaskBoardColumnBadgeProps, type TaskBoardColumnChevronProps, type TaskBoardColumnCountProps, type TaskBoardColumnEmptyAllowedProps, type TaskBoardColumnEmptyBlockedProps, type TaskBoardColumnEmptyIdleProps, type TaskBoardColumnEmptyProps, type TaskBoardColumnHeadingProps, type TaskBoardColumnItemsProps, type TaskBoardColumnPanelProps, type TaskBoardColumnProps, type TaskBoardColumnTriggerProps, type TaskBoardRootProps, type TaskCardBodyProps, type TaskCardChannelProps, type TaskCardDescriptionProps, type TaskCardLegacyProps, type TaskCardMetaProps, type TaskCardNumberProps, type TaskCardProps, type TaskCardRowProps, type TaskCardStatusProps, type TaskCardTitleProps, type TaskChipProps, type TaskChipSize, type TaskChipVariant, type TaskDndAccessibility, type TaskDndProviderProps, type TaskDragOverlayProps, type TaskDraggableProps, type TaskDropData, type TaskDropPlaceholderProps, type TaskDropPlacement, type TaskDropState, type TaskDropZoneProps, type TaskDropZoneState, type TaskListRootProps, type TaskLoadingListProps, type TaskLoadingRowProps, type TaskMoveDetails, type TaskSectionBadgeProps, type TaskSectionChevronProps, type TaskSectionCountProps, type TaskSectionEmptyProps, type TaskSectionHeadingProps, type TaskSectionItemsProps, type TaskSectionPanelProps, type TaskSectionProps, type TaskSectionTriggerProps, type TaskStatusBadgeProps, type TaskStatusId, type TasksPanelEmptyProps, type TasksPanelRootProps, type TasksPanelToolbarFiltersProps, type TasksPanelToolbarGroupProps, type TasksPanelToolbarLabelProps, type TasksPanelToolbarNewTaskProps, type TasksPanelToolbarProps, type TasksPanelToolbarViewProps, type TasksPanelViewportProps, type TextHeadingProps, type TextLinkProps, type TextMonoProps, type TextSansProps, type TextareaCounterProps, type TextareaGroupProps, type TextareaProps, type ThemeMode, type ThemeProviderProps, type ThemeState, type ThreadPanelActionsProps, type ThreadPanelBodyProps, type ThreadPanelContentProps, type ThreadPanelFooterProps, type ThreadPanelHeaderProps, type ThreadPanelOriginalMessageProps, type ThreadPanelReplyCountProps, type ThreadPanelReplySummaryProps, type ThreadPanelRootProps, type ThreadPanelSearchCountProps, type ThreadPanelSearchProps, type ThreadPanelSearchTrailingProps, type ThreadPanelTitleMetaProps, type ThreadPanelTitleProps, type TimelineContentProps, type TimelineItemPlacement, type TimelineItemProps, type TimelineItemVariant, type TimelineLineType, type TimelineProps, type TimelineSize, type TimelineTimeProps, type TimelineTitleProps, type ToastActionProps, type ToastActionsProps, type ToastArrowProps, type ToastBodyProps, type ToastCloseProps, type ToastContentProps, type ToastData, type ToastDescriptionProps, type ToastIconProps, type ToastIntent, type ToastObject, type ToastPortalProps, type ToastPositionerProps, type ToastProgressProps, type ToastProviderProps, type ToastRootProps, type ToastTitleProps, type ToastViewportProps, type ToggleGroupItemProps, type ToggleGroupLabelProps, type ToggleGroupProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipPortalProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, type UseComposerSuggestionsParams, type VirtualListApi, type Column as VirtualListColumn, type FooterRender as VirtualListFooterRender, type ItemRenderProps as VirtualListItemRenderProps, type MeasuredRef as VirtualListMeasuredRef, type VirtualListProps, type RenderAnomaly as VirtualListRenderAnomaly, type RenderColInfo as VirtualListRenderColInfo, type RenderItemWithColsInfo as VirtualListRenderItemWithColsInfo, type RenderReason as VirtualListRenderReason, type ObservedResizeEntry as VirtualListResizeEntry, type ScrollAlign as VirtualListScrollAlign, type ScrollPosition as VirtualListScrollPosition, type VirtualListScrollToOptions, type WorkspaceButtonNameProps, type WorkspaceButtonProps, buttonVariants, cn };
package/dist/index.mjs CHANGED
@@ -880,7 +880,7 @@ const card = tv({
880
880
  * in the control plane, and its title drops from the card-title scale
881
881
  * to the field scale so it cannot outrank the field label above it. */
882
882
  option: {
883
- root: ["rounded-control border border-line-field bg-layer-card", "shadow-none"],
883
+ root: ["rounded-control border-[1.5px] border-line-field bg-layer-card", "shadow-none"],
884
884
  header: ["gap-x-3 p-3"],
885
885
  content: ["px-3 pb-3"],
886
886
  title: ["font-sans text-callout font-semibold"],
@@ -3682,7 +3682,7 @@ const Label = Object.assign(LabelRoot, {
3682
3682
  //#region src/components/input/input.recipe.ts
3683
3683
  const input = tv({ slots: { root: [
3684
3684
  "h-control w-full px-3 py-0 font-heading text-field font-field outline-none",
3685
- "rounded-control border border-line-field bg-layer-card",
3685
+ "rounded-control border-[1.5px] border-line-field bg-layer-card",
3686
3686
  "text-foreground placeholder:text-foreground-hint",
3687
3687
  "shadow-none transition-shadow duration-90 ease-out focus-visible:shadow-focus",
3688
3688
  "data-invalid:border-danger-strong",
@@ -3806,7 +3806,7 @@ const inputGroup = tv({
3806
3806
  root: [
3807
3807
  "group/input-group relative flex w-full min-w-0 items-center",
3808
3808
  "has-data-[input-group-trim=inline-end]:[--ig-control-pr:0]",
3809
- "h-control overflow-hidden rounded-control border border-line-field bg-layer-card text-foreground",
3809
+ "h-control overflow-hidden rounded-control border-[1.5px] border-line-field bg-layer-card text-foreground",
3810
3810
  "shadow-none transition-shadow duration-90 ease-out has-focus-visible:shadow-focus",
3811
3811
  "has-[[data-slot=input-group-control][data-invalid]]:border-danger-strong",
3812
3812
  "has-[[data-slot=input-group-control]:disabled]:cursor-not-allowed has-[[data-slot=input-group-control]:disabled]:border-line-hairline has-[[data-slot=input-group-control]:disabled]:bg-fill-muted",
@@ -4002,7 +4002,7 @@ const combobox = tv({
4002
4002
  "[&_[data-slot='combobox-clear']]:size-5 [&_[data-slot='combobox-clear']]:min-w-5 **:data-[slot='combobox-clear']:shrink-0",
4003
4003
  "[&_[data-slot='combobox-trigger-indicator']]:size-4",
4004
4004
  "[&_[data-slot='combobox-trigger-indicator']>svg]:shrink-0",
4005
- "min-h-control rounded-control border border-line-field bg-layer-card px-3 py-0",
4005
+ "min-h-control rounded-control border-[1.5px] border-line-field bg-layer-card px-3 py-0",
4006
4006
  "font-sans text-body text-foreground",
4007
4007
  "transition-shadow duration-90 ease-out has-focus-visible:shadow-focus",
4008
4008
  "[&>svg]:text-foreground-hint [&>svg:not([class*='size-'])]:size-4.5",
@@ -4056,7 +4056,7 @@ const combobox = tv({
4056
4056
  groupLabel: ["py-2", "px-2.5 pt-2 pb-1 text-caption font-bold text-foreground-hint"],
4057
4057
  chips: [
4058
4058
  "flex flex-wrap items-center",
4059
- "min-h-control gap-1.5 rounded-control border border-line-field bg-layer-card py-1.5 pr-3 pl-1.5",
4059
+ "min-h-control gap-1.5 rounded-control border-[1.5px] border-line-field bg-layer-card py-1.5 pr-3 pl-1.5",
4060
4060
  "transition-shadow duration-90 ease-out has-focus-visible:shadow-focus"
4061
4061
  ],
4062
4062
  chip: [
@@ -4433,7 +4433,7 @@ const select = tv({
4433
4433
  "[&>span[data-slot='select-trigger-content']]:min-w-0 [&>span[data-slot='select-trigger-content']]:flex-1",
4434
4434
  "[&_[data-slot='select-trigger-content']_svg]:shrink-0",
4435
4435
  "h-control w-full gap-2 pr-3 pl-3.5",
4436
- "border border-line-field",
4436
+ "border-[1.5px] border-line-field",
4437
4437
  "text-subhead font-semibold text-foreground",
4438
4438
  "data-placeholder:font-medium data-placeholder:text-foreground-hint",
4439
4439
  "data-invalid:border-danger-strong data-invalid:hover:border-danger-strong",
@@ -5029,7 +5029,7 @@ const textarea = tv({ slots: { root: [
5029
5029
  "scroll-pb-(--ta-scroll-pb,0)",
5030
5030
  "font-heading text-field font-field outline-none",
5031
5031
  "py-2.5",
5032
- "rounded-control border border-line-field bg-layer-card",
5032
+ "rounded-control border-[1.5px] border-line-field bg-layer-card",
5033
5033
  "text-foreground placeholder:text-foreground-hint",
5034
5034
  "shadow-none transition-shadow duration-90 ease-out focus-visible:shadow-focus",
5035
5035
  "data-invalid:border-danger-strong",
@@ -8582,7 +8582,7 @@ function FileAction({ variant, size = "icon-sm", ...props }) {
8582
8582
  const composer = tv({ slots: {
8583
8583
  root: [
8584
8584
  "flex w-full flex-col gap-2 p-2",
8585
- "rounded-container border px-3 pt-3 pb-2",
8585
+ "rounded-container border-[1.5px] px-3 pt-3 pb-2",
8586
8586
  "border-line-field bg-layer-card text-foreground shadow-none",
8587
8587
  "has-focus-visible:shadow-focus"
8588
8588
  ],
@@ -9707,24 +9707,30 @@ const banner = tv({
9707
9707
  "*:data-[slot=status]:mt-[calc((var(--text-callout--line-height)-9px)/2)] *:data-[slot=status]:self-start *:data-[slot=status]:justify-self-center",
9708
9708
  "has-[>svg]:[--banner-text-col:2]",
9709
9709
  "has-[>[data-slot=status]]:[--banner-text-col:2]",
9710
- "has-[>[data-slot=banner-title]]:[--banner-desc-row:2]"
9710
+ "has-[>[data-slot=banner-title]]:[--banner-desc-row:2]",
9711
+ "has-[>[data-slot=banner-description]]:[--banner-last-row:var(--banner-desc-row,1)]",
9712
+ "has-[>[data-banner-close]]:[--banner-action-end:span_2]"
9711
9713
  ],
9712
9714
  title: [
9713
- "min-w-0 text-foreground",
9715
+ "min-w-0 wrap-break-word text-foreground",
9714
9716
  "row-start-1 font-bold",
9715
- "col-start-(--banner-text-col,1)"
9717
+ "col-start-(--banner-text-col,1)",
9718
+ "@min-[452px]:has-[~[data-slot=banner-description]~[data-slot=banner-action]:not([data-wrap])]:col-end-[span_2]"
9716
9719
  ],
9717
9720
  description: [
9718
- "min-w-0 font-normal",
9721
+ "min-w-0 wrap-break-word font-normal",
9719
9722
  "text-foreground",
9720
9723
  "col-start-(--banner-text-col,1)",
9721
9724
  "row-start-(--banner-desc-row,1)"
9722
9725
  ],
9723
9726
  action: [
9724
- "shrink-0 self-start",
9725
- "mt-2 flex flex-wrap items-center gap-2",
9726
- "col-start-(--banner-text-col,1)"
9727
- ]
9727
+ "mt-2 flex shrink-0 flex-wrap items-center justify-end gap-2 self-start",
9728
+ "col-start-(--banner-text-col,1) col-end-(--banner-action-end,-1)",
9729
+ "@min-[452px]:not-data-wrap:col-start-[calc(var(--banner-text-col,1)+1)] @min-[452px]:not-data-wrap:col-end-auto",
9730
+ "@min-[452px]:not-data-wrap:row-start-(--banner-last-row,1)",
9731
+ "@min-[452px]:not-data-wrap:mt-0 @min-[452px]:not-data-wrap:h-lh @min-[452px]:not-data-wrap:flex-nowrap @min-[452px]:not-data-wrap:self-end"
9732
+ ],
9733
+ close: ["col-start-[calc(var(--banner-text-col,1)+1)] row-start-1 self-start", "-my-[calc((--spacing(8)-1lh)/2)] -me-icon-inset"]
9728
9734
  },
9729
9735
  variants: {
9730
9736
  status: {
@@ -9745,8 +9751,18 @@ const banner = tv({
9745
9751
  lg: { root: ["px-4 py-3.5"] }
9746
9752
  }
9747
9753
  },
9748
- defaultVariants: { size: "md" }
9754
+ defaultVariants: { size: "md" },
9755
+ compoundVariants: [{
9756
+ size: "sm",
9757
+ class: { root: "has-[>[data-slot=banner-action]]:py-[calc((--spacing(8)-1lh)/2+--spacing(1))]" }
9758
+ }]
9749
9759
  });
9760
+ /**
9761
+ * A short notice people read before they act, on a soft tint that says its
9762
+ * intent. Compose it from a leading icon, `BannerTitle`, `BannerDescription`,
9763
+ * and either `BannerAction` (its button) or `BannerClose` (a × when there is no
9764
+ * button).
9765
+ */
9750
9766
  function Banner({ status, size = "md", className, render, ...props }) {
9751
9767
  const { root } = banner({
9752
9768
  status,
@@ -9787,16 +9803,114 @@ function BannerDescription({ render, className, ...props }) {
9787
9803
  state: { slot: "banner-description" }
9788
9804
  });
9789
9805
  }
9790
- function BannerAction({ render, className, ...props }) {
9806
+ function lineCount(element) {
9807
+ const lineHeight = Number.parseFloat(getComputedStyle(element).lineHeight);
9808
+ if (!(lineHeight > 0)) return 1;
9809
+ return Math.round(element.getBoundingClientRect().height / lineHeight);
9810
+ }
9811
+ function contentWidth(element) {
9812
+ const range = document.createRange();
9813
+ range.selectNodeContents(element);
9814
+ return range.getBoundingClientRect().width;
9815
+ }
9816
+ function useWrapsBesideText(action) {
9817
+ const [wraps, setWraps] = useState(false);
9818
+ useLayoutEffect(() => {
9819
+ const root = action?.parentElement;
9820
+ if (!action || !root || typeof ResizeObserver === "undefined") return;
9821
+ const measure = () => {
9822
+ const text = root.querySelector(":scope > [data-slot=banner-description]") ?? root.querySelector(":scope > [data-slot=banner-title]");
9823
+ if (!text) {
9824
+ setWraps(false);
9825
+ return;
9826
+ }
9827
+ if (root.querySelector(":scope > [data-banner-close]")) {
9828
+ setWraps(true);
9829
+ return;
9830
+ }
9831
+ const lines = lineCount(text);
9832
+ if (!action.hasAttribute("data-wrap")) {
9833
+ if (lines > 1) setWraps(true);
9834
+ return;
9835
+ }
9836
+ if (lines > 1) return;
9837
+ const gap = Number.parseFloat(getComputedStyle(root).columnGap) || 0;
9838
+ if (contentWidth(text) + contentWidth(action) + gap + 1 <= text.getBoundingClientRect().width) setWraps(false);
9839
+ };
9840
+ let frame = 0;
9841
+ const schedule = () => {
9842
+ cancelAnimationFrame(frame);
9843
+ frame = requestAnimationFrame(measure);
9844
+ };
9845
+ measure();
9846
+ const resize = new ResizeObserver(schedule);
9847
+ resize.observe(root);
9848
+ for (const child of root.children) resize.observe(child);
9849
+ const mutation = new MutationObserver(schedule);
9850
+ mutation.observe(root, {
9851
+ childList: true,
9852
+ characterData: true,
9853
+ subtree: true
9854
+ });
9855
+ const fonts = typeof document.fonts === "undefined" ? void 0 : document.fonts;
9856
+ let live = true;
9857
+ fonts?.ready.then(() => {
9858
+ if (live) schedule();
9859
+ });
9860
+ fonts?.addEventListener("loadingdone", schedule);
9861
+ return () => {
9862
+ live = false;
9863
+ cancelAnimationFrame(frame);
9864
+ resize.disconnect();
9865
+ mutation.disconnect();
9866
+ fonts?.removeEventListener("loadingdone", schedule);
9867
+ };
9868
+ }, [action]);
9869
+ useLayoutEffect(() => {
9870
+ if (process.env.NODE_ENV === "production") return;
9871
+ if (action?.parentElement?.querySelector(":scope > [data-banner-close]")) console.warn("raft-ui: a Banner has both BannerAction and BannerClose. Use BannerClose only on a banner with no button; close one that has a button with a ghost Dismiss button in BannerAction.");
9872
+ }, [action]);
9873
+ return wraps;
9874
+ }
9875
+ /**
9876
+ * The banner's buttons: at the end of the last line of text, centered on it,
9877
+ * while the text fits beside them on one line; on a line of their own under the
9878
+ * text, aligned to the end, when it doesn't or the banner is narrower than
9879
+ * 480px.
9880
+ */
9881
+ function BannerAction({ render, className, ref, ...props }) {
9791
9882
  const { action } = banner();
9792
- const defaultProps = { className: action({ className }) };
9883
+ const [element, setElement] = useState(null);
9884
+ const wraps = useWrapsBesideText(element);
9885
+ const defaultProps = {
9886
+ className: action({ className }),
9887
+ ...wraps ? { "data-wrap": "" } : {}
9888
+ };
9793
9889
  return useRender({
9794
9890
  defaultTagName: "div",
9795
9891
  render,
9892
+ ref: ref ? [ref, setElement] : setElement,
9796
9893
  props: mergeProps(defaultProps, props),
9797
9894
  state: { slot: "banner-action" }
9798
9895
  });
9799
9896
  }
9897
+ /**
9898
+ * The × of a banner that has no button: a frameless icon button at the end of
9899
+ * the first line, centered on it, its icon box ending on the banner's padding.
9900
+ * Never put it in `BannerAction`.
9901
+ */
9902
+ function BannerClose({ className, children, "aria-label": ariaLabel = "Dismiss", ...props }) {
9903
+ const { close } = banner();
9904
+ return /* @__PURE__ */ jsx(Button, {
9905
+ ...props,
9906
+ variant: "ghost",
9907
+ size: "icon-sm",
9908
+ "aria-label": ariaLabel,
9909
+ "data-banner-close": "",
9910
+ className: close({ className }),
9911
+ children: children ?? /* @__PURE__ */ jsx(X, {})
9912
+ });
9913
+ }
9800
9914
  //#endregion
9801
9915
  //#region src/components/empty-state/empty-state.tsx
9802
9916
  const emptyState = tv({ slots: {
@@ -11229,6 +11343,7 @@ function AppShellRoot({ className, defaultSidebarOpen = true, onSidebarOpenChang
11229
11343
  const { root } = appShell();
11230
11344
  const [uncontrolledSidebarOpen, setUncontrolledSidebarOpen] = useState(defaultSidebarOpen);
11231
11345
  const [sidebarWidth, setSidebarWidth] = useState(0);
11346
+ const [sidebarId, setSidebarId] = useState(void 0);
11232
11347
  const sidebarOpen = sidebarOpenProp ?? uncontrolledSidebarOpen;
11233
11348
  const setSidebarOpen = useCallback((open) => {
11234
11349
  if (sidebarOpenProp === void 0) setUncontrolledSidebarOpen(open);
@@ -11245,6 +11360,8 @@ function AppShellRoot({ className, defaultSidebarOpen = true, onSidebarOpenChang
11245
11360
  collapsible: sidebarCollapsible,
11246
11361
  open: sidebarOpen,
11247
11362
  setOpen: setSidebarOpen,
11363
+ sidebarId,
11364
+ setSidebarId,
11248
11365
  sidebarWidth,
11249
11366
  setSidebarWidth: setMeasuredSidebarWidth,
11250
11367
  toggle: toggleSidebar
@@ -11252,6 +11369,7 @@ function AppShellRoot({ className, defaultSidebarOpen = true, onSidebarOpenChang
11252
11369
  setMeasuredSidebarWidth,
11253
11370
  setSidebarOpen,
11254
11371
  sidebarCollapsible,
11372
+ sidebarId,
11255
11373
  sidebarOpen,
11256
11374
  sidebarWidth,
11257
11375
  toggleSidebar
@@ -11288,12 +11406,16 @@ function AppShellRailSlot({ className, render, ...props }) {
11288
11406
  props: mergeProps(defaultProps, props)
11289
11407
  });
11290
11408
  }
11291
- function AppShellSidebarSlot({ className, render, ...props }) {
11409
+ function AppShellSidebarSlot({ className, id: idProp, render, ...props }) {
11292
11410
  const { sidebarSlot } = appShell();
11293
11411
  const sidebar = useOptionalAppShellSidebar();
11294
11412
  const elementRef = useRef(null);
11295
11413
  const isCollapsible = sidebar?.collapsible ?? false;
11414
+ const collapsed = isCollapsible && !sidebar?.open;
11296
11415
  const setSidebarWidth = sidebar?.setSidebarWidth;
11416
+ const setSidebarId = sidebar?.setSidebarId;
11417
+ const generatedId = useId();
11418
+ const id = idProp ?? (isCollapsible ? generatedId : void 0);
11297
11419
  const setElementRef = useCallback((element) => {
11298
11420
  elementRef.current = element;
11299
11421
  }, []);
@@ -11306,22 +11428,34 @@ function AppShellSidebarSlot({ className, render, ...props }) {
11306
11428
  observer.observe(sidebarElement);
11307
11429
  return () => observer.disconnect();
11308
11430
  }, [isCollapsible, setSidebarWidth]);
11431
+ useLayoutEffect(() => {
11432
+ if (!isCollapsible || !setSidebarId) return;
11433
+ setSidebarId(id);
11434
+ return () => setSidebarId(void 0);
11435
+ }, [
11436
+ id,
11437
+ isCollapsible,
11438
+ setSidebarId
11439
+ ]);
11309
11440
  const defaultProps = {
11310
- "aria-hidden": sidebar?.collapsible && !sidebar.open ? true : void 0,
11441
+ "aria-hidden": collapsed ? true : void 0,
11311
11442
  "data-slot": "app-shell-sidebar-slot",
11443
+ id,
11444
+ inert: collapsed ? true : void 0,
11312
11445
  className: sidebarSlot({ className: cn(className, sidebar?.collapsible && [
11313
11446
  "will-change-[opacity]",
11314
11447
  "transition-opacity duration-160 ease-slide",
11315
11448
  "motion-reduce:transition-none",
11449
+ "group-data-[state=expanded]/app-shell:relative group-data-[state=expanded]/app-shell:z-1",
11316
11450
  "group-data-[state=collapsed]/app-shell:pointer-events-none",
11317
11451
  "group-data-[state=collapsed]/app-shell:opacity-0",
11318
11452
  "group-data-[state=collapsed]/app-shell:duration-120"
11319
- ]) }),
11320
- ref: setElementRef
11453
+ ]) })
11321
11454
  };
11322
11455
  return useRender({
11323
11456
  defaultTagName: "aside",
11324
11457
  render,
11458
+ ref: setElementRef,
11325
11459
  props: mergeProps(defaultProps, props)
11326
11460
  });
11327
11461
  }
@@ -11352,10 +11486,14 @@ function AppShellOverlaySlot({ className, render, ...props }) {
11352
11486
  function AppShellMainSlot({ className, overlay = false, render, ...props }) {
11353
11487
  const { mainSlot } = appShell({ overlay });
11354
11488
  const sidebar = useOptionalAppShellSidebar();
11489
+ const collapsible = sidebar?.collapsible ?? false;
11490
+ const sliding = useSidebarSlide(collapsible, sidebar?.open ?? true);
11355
11491
  const defaultProps = {
11356
11492
  "data-slot": "app-shell-main-slot",
11357
- className: mainSlot({ className: cn(className, sidebar?.collapsible && [
11358
- "absolute inset-y-0 right-0 left-0 z-45",
11493
+ "data-sliding": sliding.active ? "" : void 0,
11494
+ className: mainSlot({ className: cn(className, collapsible && [
11495
+ "absolute inset-y-0 right-0 left-0",
11496
+ "data-sliding:z-2",
11359
11497
  "transition-[left] duration-220 ease-slide",
11360
11498
  "motion-reduce:transition-none",
11361
11499
  "group-data-[state=collapsed]/app-shell:-left-(--app-shell-sidebar-width)"
@@ -11364,9 +11502,48 @@ function AppShellMainSlot({ className, overlay = false, render, ...props }) {
11364
11502
  return useRender({
11365
11503
  defaultTagName: "main",
11366
11504
  render,
11505
+ ref: sliding.ref,
11367
11506
  props: mergeProps(defaultProps, props)
11368
11507
  });
11369
11508
  }
11509
+ function useSidebarSlide(collapsible, open) {
11510
+ const elementRef = useRef(null);
11511
+ const [slide, setSlide] = useState({
11512
+ active: false,
11513
+ open
11514
+ });
11515
+ if (slide.open !== open) setSlide({
11516
+ active: collapsible,
11517
+ open
11518
+ });
11519
+ const active = slide.active;
11520
+ const ref = useCallback((element) => {
11521
+ elementRef.current = element;
11522
+ }, []);
11523
+ useEffect(() => {
11524
+ if (!active) return;
11525
+ const transitions = elementRef.current?.getAnimations?.().filter((animation) => "transitionProperty" in animation && animation.transitionProperty === "left" && animation.effect?.getComputedTiming().activeDuration !== 0) ?? [];
11526
+ let current = true;
11527
+ const settle = () => {
11528
+ if (current) setSlide((state) => state.open === open ? {
11529
+ active: false,
11530
+ open
11531
+ } : state);
11532
+ };
11533
+ if (transitions.length === 0) {
11534
+ settle();
11535
+ return;
11536
+ }
11537
+ Promise.allSettled(transitions.map((transition) => transition.finished)).then(settle);
11538
+ return () => {
11539
+ current = false;
11540
+ };
11541
+ }, [active, open]);
11542
+ return {
11543
+ active,
11544
+ ref
11545
+ };
11546
+ }
11370
11547
  function AppShellSidebarTrigger(props) {
11371
11548
  const sidebar = useOptionalAppShellSidebar();
11372
11549
  if (!sidebar?.collapsible) return null;
@@ -11376,11 +11553,12 @@ function AppShellSidebarTrigger(props) {
11376
11553
  });
11377
11554
  }
11378
11555
  function AppShellSidebarTriggerButton({ sidebar, className, children, onClick, render, ...props }) {
11379
- const label = sidebar.open ? "Collapse sidebar" : "Expand sidebar";
11556
+ const label = sidebar.open ? "Collapse Sidebar" : "Expand Sidebar";
11380
11557
  const defaultProps = {
11381
11558
  className: cn("group/app-shell-sidebar-trigger max-md:hidden", className),
11382
11559
  "aria-label": label,
11383
- "aria-pressed": sidebar.open,
11560
+ "aria-controls": sidebar.sidebarId,
11561
+ "aria-expanded": sidebar.open,
11384
11562
  "data-state": sidebar.open ? "expanded" : "collapsed",
11385
11563
  title: label,
11386
11564
  children,
@@ -11402,12 +11580,12 @@ const resizable = tv({ slots: {
11402
11580
  panel: ["min-h-0 min-w-0"],
11403
11581
  handle: [
11404
11582
  "right-0 z-10 cursor-ew-resize touch-none select-none",
11405
- "relative -ml-1.5 -mr-1.5 flex w-3 shrink-0 items-center justify-center",
11583
+ "relative -ml-1.5 -mr-1.5 flex w-3 shrink-0 items-center justify-center pointer-coarse:-ml-3 pointer-coarse:-mr-3 pointer-coarse:w-6",
11406
11584
  "before:pointer-events-none before:absolute before:transition-colors before:content-['']",
11407
11585
  "focus-visible:outline-none focus-visible:before:outline-2 focus-visible:before:outline-offset-2 focus-visible:before:outline-foreground",
11408
11586
  "data-[orientation=horizontal]:-mt-1.5 data-[orientation=horizontal]:-mb-1.5 data-[orientation=horizontal]:ml-0 data-[orientation=horizontal]:mr-0 data-[orientation=horizontal]:h-3 data-[orientation=horizontal]:w-full data-[orientation=horizontal]:cursor-ns-resize",
11409
11587
  "bg-transparent",
11410
- "before:top-0 before:left-[5px] before:h-full before:w-px before:translate-none before:rounded-none",
11588
+ "before:top-0 before:left-[5px] pointer-coarse:before:left-[11px] before:h-full before:w-px before:translate-none before:rounded-none",
11411
11589
  "before:bg-transparent",
11412
11590
  "hover:before:bg-foreground-muted",
11413
11591
  "data-[separator=active]:before:bg-foreground-muted",
@@ -16801,7 +16979,7 @@ function SearchThreadResultMessages({ className, render, ...props }) {
16801
16979
  const searchTrigger = tv({ slots: {
16802
16980
  root: [
16803
16981
  "relative inline-flex h-9 w-[clamp(360px,32vw,520px)] max-w-full min-w-0 shrink-0 items-center gap-2 px-3",
16804
- "rounded-control border border-line-field bg-layer-card",
16982
+ "rounded-control border-[1.5px] border-line-field bg-layer-card",
16805
16983
  "text-left font-sans text-body font-normal text-foreground-hint",
16806
16984
  "select-none outline-none transition-colors duration-100",
16807
16985
  "hover:press-overlay active:press-overlay focus-visible:shadow-focus",
@@ -17090,4 +17268,4 @@ function ThemeProvider({ mode, defaultMode = "light", onModeChange, storageKey,
17090
17268
  });
17091
17269
  }
17092
17270
  //#endregion
17093
- export { ActivityInboxControls, ActivityInboxLoadingMore, ActivityInboxPanel, ActivityInboxSelectionCount, ActivityInboxSelectionToolbar, ActivityInboxSidebar, ActivityInboxViewport, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppRailFooter, AppRailHeader, AppRailItem, AppRailItemAttention, AppRailItemBadge, AppRailItemIcon, AppRailItemIndicator, AppRailItemLabel, AppRailNav, AppRailRoot, AppShellMainSlot, AppShellOverlaySlot, AppShellPanelSlot, AppShellRailSlot, AppShellRoot, AppShellSidebarSlot, AppShellSidebarTrigger, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Banner, BannerAction, BannerDescription, BannerTitle, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardLeading, CardTitle, CardTrailing, ChatIcon, Checkbox, CheckboxIndicator, CodeBlock, CodeBlockAction, CodeBlockActions, CodeBlockBody, CodeBlockHeader, CodeBlockTitle, Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxControl, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxHeader, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxRow, ComboboxSeparator, ComboboxTrigger, ComboboxTriggerCount, ComboboxTriggerIndicator, ComboboxValue, Composer, ComposerActions, ComposerAttachment, ComposerAttachmentBody, ComposerAttachmentFailedOverlay, ComposerAttachmentFile, ComposerAttachmentImage, ComposerAttachmentMeta, ComposerAttachmentRemove, ComposerAttachmentTitle, ComposerAttachmentUploadProgressBar, ComposerAttachmentUploadingOverlay, ComposerAttachments, ComposerAttachmentsScrollArea, ComposerDropOverlay, ComposerDropOverlayLabel, ComposerDropOverlayPrompt, ComposerIconButton, ComposerInput, ComposerMeta, ComposerRoot, ComposerSubmit, ComposerSuggestionAside, ComposerSuggestionContent, ComposerSuggestionGroup, ComposerSuggestionGroupLabel, ComposerSuggestionIcon, ComposerSuggestionList, ComposerSuggestionMeta, ComposerSuggestionOption, ComposerSuggestionTitle, ComposerToolbar, ComposerToolbarLabel, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuContent, ContextMenuFooter, ContextMenuItem, ContextMenuItemLabel, ContextMenuLabel, ContextMenuPopup, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSubmenu, ContextMenuSubmenuTrigger, ContextMenuTrigger, ConversationPanelBody, ConversationPanelContent, ConversationPanelEmptyState, ConversationPanelEmptyStateBrand, ConversationPanelEmptyStateBrandMark, ConversationPanelFooter, ConversationPanelRoot, ConversationPanelTabs, CopyableCode, CopyableCodeAction, CopyableCodeRoot, DescriptionDetails, DescriptionItem, DescriptionList, DescriptionTerm, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogNav, DialogOverlay, DialogPortal, DialogSurface, DialogTitle, DialogTrigger, DirectMessageIcon, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuContent, DropdownMenuFooter, DropdownMenuItem, DropdownMenuItemCount, DropdownMenuItemLabel, DropdownMenuLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateContent, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, FileAction, FileActions, FileContent, FileImage, FileMeta, FileMetaItem, FileName, FilePreview, FilePreviewBadge, FilePreviewCode, FilePreviewDocument, FilePreviewFile, FilePreviewMedia, FileRow, FileRowOpen, FileThumbnail, FilesList, FilesPanel, FilesViewport, FloatButton, FloatButtonGroup, FormSection, IconTile, InboxItem, InboxItemActions, InboxItemBody, InboxItemContent, InboxItemContext, InboxItemHeading, InboxItemHoverTarget, InboxItemLeading, InboxItemMarks, InboxItemMessage, InboxItemMetadata, InboxItemSelection, InboxItemSender, InboxItemSubtitle, InboxItemTimestamp, InboxItemTitle, InboxItemTrailing, InboxItemTrigger, InlineCode, Input, InputGroup, InputGroupAddon, InputGroupInput, Kbd, KbdGroup, Label, LabelAsterisk, LabelOptional, LabelSub, LegacyTaskPanelActions, LegacyTaskPanelBody, LegacyTaskPanelField, LegacyTaskPanelFieldLabel, LegacyTaskPanelFieldText, LegacyTaskPanelFieldTitle, LegacyTaskPanelHeader, LegacyTaskPanelIcon, LegacyTaskPanelMeta, LegacyTaskPanelMetaLabel, LegacyTaskPanelMetaRow, LegacyTaskPanelMetaValue, LegacyTaskPanelRoot, LegacyTaskPanelSection, LegacyTaskPanelStatus, LegacyTaskPanelTitle, LegacyTaskPanelTitleMeta, Lightbox, LightboxActions, LightboxClose, LightboxContent, LightboxHeader, LightboxHeaderLabel, LightboxHeaderMeta, LightboxInfoActions, LightboxInfoBar, LightboxInfoDock, LightboxInfoTitle, LightboxMedia, LightboxNavigationButton, LightboxPortal, LightboxStage, LightboxThumbnail, LightboxThumbnailStrip, LightboxTitle, LightboxToolbar, LightboxTrigger, ListRow, ListRowBody, ListRowBottom, ListRowChevron, ListRowDescription, ListRowGroup, ListRowIcon, ListRowMeta, ListRowTitle, ListRowTop, ListRowValue, LiveAgentActivityBar, LiveAgentActivityBarAvatar, LiveAgentActivityBarContent, LiveAgentActivityBarRow, LiveAgentActivityBarStatus, LiveAgentActivityBarText, MarkdownBlockquote, MarkdownCell, MarkdownCheckbox, MarkdownHeaderCell, MarkdownHeading, MarkdownImage, MarkdownInlineCode, MarkdownLink, MarkdownList, MarkdownListItem, MarkdownMark, MarkdownOrderedList, MarkdownParagraph, MarkdownRule, MarkdownTable, MarkdownTableRow, MarkdownTableScroll, MessageActionCard, MessageActionCardActions, MessageActionCardActionsNote, MessageActionCardCollapseTrigger, MessageActionCardCompletion, MessageActionCardContent, MessageActionCardHeader, MessageActionCardHeaderDescription, MessageActionCardHeaderIcon, MessageActionCardHeaderStatus, MessageActionCardHeaderTitle, MessageActionCardHint, MessageActionCardHintLabel, MessageActionCardNotice, MessageActionCardProperties, MessageActionCardProperty, MessageActionCardPropertyLabel, MessageActionCardPropertyValue, MessageActionCardScope, MessageActionCardScopeDescription, MessageActionCardScopeList, MessageActionCardScopeListLabel, MessageActionCardScopeListViewport, MessageActionCardScopeName, MessageActionCardStatus, MessageAttachmentAction, MessageAttachmentCard, MessageAttachmentCommentSummary, MessageAttachmentDiffAddition, MessageAttachmentDiffDeletion, MessageAttachmentDiffSummary, MessageAttachmentGroup, MessageAttachmentMeta, MessageAttachmentMetaEnd, MessageAttachmentMetaStart, MessageAttachmentSummary, MessageAttachmentTitle, MessageEmbed, MessageEmbedContent, MessageEmbedFooter, MessageEmbedHeader, MessageForwardedBundle, MessageForwardedBundleAttachment, MessageForwardedBundleAttachmentMeta, MessageForwardedBundleAttachmentName, MessageForwardedBundleAttachments, MessageForwardedBundleFooter, MessageForwardedBundleFooterAction, MessageForwardedBundleGallery, MessageForwardedBundleGalleryTile, MessageForwardedBundleHeader, MessageForwardedBundleHeaderContent, MessageForwardedBundleHeaderCount, MessageForwardedBundleHeaderLabel, MessageForwardedBundleItem, MessageForwardedBundleItemAuthor, MessageForwardedBundleItemContent, MessageForwardedBundleItemMeta, MessageForwardedBundleItems, MessageForwardedBundleSource, MessageForwardedBundleSourceLabel, MessageIcon, MessageImageGallery, MessageImageGalleryAction, MessageImageGalleryItem, MessageImageGalleryMedia, MessageImageGalleryOverlay, MessageImageGalleryPreview, MessageImageGalleryRow, MessageItem, MessageItemAttachments, MessageItemAvatarSlot, MessageItemBadge, MessageItemBadgeSeparator, MessageItemBody, MessageItemContent, MessageItemContinuationTime, MessageItemEdited, MessageItemEmbedded, MessageItemFooter, MessageItemGutter, MessageItemHeader, MessageItemInlineStatus, MessageItemMeta, MessageItemReadReceipt, MessageItemSavedIndicator, MessageItemSearchMatch, MessageItemSender, MessageItemSenderBadges, MessageItemSenderButton, MessageItemSenderGroup, MessageItemTime, MessageItemToolbar, MessageItemToolbarButton, MessageItemTranslationAction, MessageItemTranslationFailedStatus, MessageItemTranslationOriginal, MessageItemTranslationOriginalLabel, MessageItemTranslationProgressTrack, MessageItemTranslationRetryAction, MessageItemTranslationStatus, MessageList, MessageListDateDivider, MessageListHistoryLimited, MessageListNotice, MessageMultiSelect, MessageMultiSelectCheckbox, MessageMultiSelectToolbar, MessageQuotedPreview, MessageQuotedPreviewAttachment, MessageQuotedPreviewAttachments, MessageQuotedPreviewAuthor, MessageQuotedPreviewAuthorMeta, MessageQuotedPreviewAuthorName, MessageQuotedPreviewChannel, MessageQuotedPreviewContent, MessageQuotedPreviewHeader, MessageQuotedPreviewLoading, MessageQuotedPreviewText, MessageQuotedPreviewThread, MessageQuotedPreviewTimestamp, MessageQuotedPreviewUnavailable, MessageReactionAddButton, MessageReactionChip, MessageReactionCount, MessageReactionErrorIndicator, MessageReactionGlyph, MessageReactionPickerContent, MessageReactionPickerStatic, MessageReactionQuickButton, MessageReactionQuickRow, MessageReactionTooltipContent, MessageReactionTooltipMeta, MessageReactionTooltipName, MessageReactionTooltipNameText, MessageReactionTooltipNames, MessageReactionTooltipSeparator, MessageReferenceChip, MessageReferenceIndicator, MessageReferenceLabel, MessageReferencePending, MessageReferenceText, MessageReferenceUnavailable, MessageReplies, MessageRepliesItem, MessageRepliesItemContent, MessageRepliesItemSender, MessageRepliesItemTime, MessageRepliesSummary, MessageRepliesSummaryItem, MessageTextSelectionToolbar, MessageTextSelectionToolbarButton, MessageTextSelectionToolbarSeparator, MessageVideoPreview, MessageVideoPreviewAction, MessageVideoPreviewFailureAction, MessageVideoPreviewFailureContent, MessageVideoPreviewFailureIcon, MessageVideoPreviewFailureTitle, MessageVideoPreviewFallback, MessageVideoPreviewMedia, MobileNavItem, MobileNavLabel, MobileNavRoot, NotificationCenter, NotificationCenterActionButton, NotificationCenterCount, NotificationCenterEmptyState, NotificationCenterHeader, NotificationCenterItem, NotificationCenterItemActions, NotificationCenterItemBody, NotificationCenterItemContent, NotificationCenterItemIcon, NotificationCenterItemRow, NotificationCenterItemTitle, NotificationCenterList, NotificationCenterPopup, NotificationCenterScroller, NotificationCenterTitle, NotificationCenterTrigger, OtterIndicator, Panel, PanelAction, PanelActions, PanelActivity, PanelBody, PanelFooter, PanelHeader, PanelHeaderContent, PanelHeaderIcon, PanelHeaderRoot, PanelHeading, PanelMeta, PanelNotice, PanelNoticeActions, PanelNoticeContent, PanelScrollContent, PanelScrollViewport, PanelSection, PanelSectionHeader, PanelStatus, PanelTitle, PanelToggleAction, PickerTriggerButton, Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverPopup, PopoverPortal, PopoverSeparator, PopoverTitle, PopoverTrigger, PopoverViewport, PreviewCard, PreviewCardArrow, PreviewCardContent, PreviewCardDescription, PreviewCardHeader, PreviewCardPopup, PreviewCardPortal, PreviewCardSeparator, PreviewCardTitle, PreviewCardTrigger, ProfilePanel, ProfilePanelBody, ProfilePanelHeader, ProfilePanelHeaderContent, ProfilePanelSection, Progress, ProgressHeader, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupIndicator, RadioGroupItem, RaftLogo, RaftLogoLockup, RaftWordmark, ResizableGroup, ResizableHandle, ResizablePanel, SINGLE_IMAGE_MAX_HEIGHT, SINGLE_IMAGE_MAX_WIDTH, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, SearchEntityResult, SearchEntityResultActivity, SearchEntityResultContent, SearchEntityResultDescription, SearchEntityResultHeader, SearchEntityResultIcon, SearchEntityResultLeading, SearchEntityResultTitle, SearchMessageResult, SearchMessageResultBody, SearchMessageResultHeader, SearchMessageResultMatch, SearchMessageResultMeta, SearchMessageResultSender, SearchMessageResultThreadMeta, SearchMessageResultTimestamp, SearchResultsList, SearchResultsSection, SearchResultsSectionHeading, SearchResultsSummary, SearchShellFilters, SearchShellRoot, SearchShellViewport, SearchThreadMessageResult, SearchThreadResult, SearchThreadResultHeader, SearchThreadResultMessages, SearchThreadResultMeta, SearchThreadResultTimestamp, SearchThreadResultTitle, SearchTrigger, SearchTriggerLabel, SearchTriggerShortcut, SegmentedControl, SegmentedControlCount, SegmentedControlItem, SegmentedControlLabel, Select, SelectArrow, SelectContent, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemDescription, SelectItemIndicator, SelectItemLeading, SelectItemText, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, Separator, SidebarBody, SidebarContent, SidebarControl, SidebarGroupLabel, SidebarHeader, SidebarHeaderTitle, SidebarItem, SidebarItemAside, SidebarItemChannelIcon, SidebarItemContent, SidebarItemCount, SidebarItemCountSeparator, SidebarItemIcon, SidebarItemIndicator, SidebarItemMeta, SidebarItemMetaIcon, SidebarItemStatus, SidebarItemSubtitle, SidebarItemThreadCount, SidebarItemTitle, SidebarList, SidebarLiveActivity, SidebarMenu, SidebarMenuAside, SidebarMenuCount, SidebarMenuIcon, SidebarMenuTitle, SidebarRoot, SidebarSection, SidebarSectionAttention, SidebarSectionChevron, SidebarSectionControl, SidebarSectionControls, SidebarSectionCount, SidebarSectionDisclosure, SidebarSectionEmpty, SidebarSectionHeader, SidebarSectionTitle, SidebarSectionTrailing, Skeleton, SortableComposerAttachment, SortableComposerAttachments, SortableComposerAttachmentsScroll, SortableTabsList, SortableTabsTab, Spinner, Status, Step, Steps, Switch, SwitchThumb, SystemMessage, SystemMessageContent, SystemMessageGroup, SystemMessageGroupChevron, SystemMessageGroupDisclosure, SystemMessageGroupHeader, SystemMessageGroupPanel, SystemMessageGroupSummary, SystemMessageTime, TASK_STATUS_IDS, Table, TableBody, TableCaption, TableCell, TableColgroup, TableColumn, TableHead, TableHeader, TableRow, Tabs, TabsLabel, TabsList, TabsPanel, TabsTab, TaskBoardColumn, TaskBoardColumnBadge, TaskBoardColumnChevron, TaskBoardColumnCount, TaskBoardColumnEmpty, TaskBoardColumnEmptyAllowed, TaskBoardColumnEmptyBlocked, TaskBoardColumnEmptyIdle, TaskBoardColumnHeading, TaskBoardColumnItems, TaskBoardColumnPanel, TaskBoardColumnTrigger, TaskBoardRoot, TaskCard, TaskCardBody, TaskCardChannel, TaskCardDescription, TaskCardLegacy, TaskCardMeta, TaskCardNumber, TaskCardRow, TaskCardStatus, TaskCardTitle, TaskChip, TaskClosedIcon, TaskDndProvider, TaskDoneIcon, TaskDragOverlay, TaskDraggable, TaskDropPlaceholder, TaskDropZone, TaskInProgressIcon, TaskInReviewIcon, TaskListRoot, TaskLoadingList, TaskLoadingRow, TaskSection, TaskSectionBadge, TaskSectionChevron, TaskSectionCount, TaskSectionEmpty, TaskSectionHeading, TaskSectionItems, TaskSectionPanel, TaskSectionTrigger, TaskStatusBadge, TaskStatusIcon, TaskTodoIcon, TasksPanelEmpty, TasksPanelRoot, TasksPanelToolbar, TasksPanelToolbarFilters, TasksPanelToolbarGroup, TasksPanelToolbarLabel, TasksPanelToolbarNewTask, TasksPanelToolbarView, TasksPanelViewport, Text, TextHeading, TextLink, TextMono, TextSans, Textarea, TextareaCounter, TextareaGroup, ThemeProvider, ThreadIcon, ThreadPanelActions, ThreadPanelBody, ThreadPanelContent, ThreadPanelFooter, ThreadPanelHeader, ThreadPanelOriginalMessage, ThreadPanelReplyCount, ThreadPanelReplySummary, ThreadPanelRoot, ThreadPanelSearch, ThreadPanelSearchCount, ThreadPanelSearchTrailing, ThreadPanelTitle, ThreadPanelTitleMeta, Timeline, TimelineContent, TimelineItem, TimelineTime, TimelineTitle, ToastAction, ToastActions, ToastArrow, ToastBody, ToastClose, ToastContent, ToastDescription, ToastIcon, ToastPortal, ToastPositioner, ToastProgress, ToastProvider, ToastRoot, ToastTitle, ToastViewport, ToggleGroup, ToggleGroupItem, ToggleGroupLabel, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, VirtualList, WorkspaceButton, WorkspaceButtonName, buildMessageImageGalleryRows, buttonVariants, classifyMessageImageAspect, cn, createMessageTextSelectionAnchor, createToastManager, getTextSelectionFocusRect, installInputModality, taskStatusSoft, taskStatusStrong, textLinkVariants, toast, useComposerSuggestions, useOrderedTabs, useTheme, useToastManager };
17271
+ export { ActivityInboxControls, ActivityInboxLoadingMore, ActivityInboxPanel, ActivityInboxSelectionCount, ActivityInboxSelectionToolbar, ActivityInboxSidebar, ActivityInboxViewport, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppRailFooter, AppRailHeader, AppRailItem, AppRailItemAttention, AppRailItemBadge, AppRailItemIcon, AppRailItemIndicator, AppRailItemLabel, AppRailNav, AppRailRoot, AppShellMainSlot, AppShellOverlaySlot, AppShellPanelSlot, AppShellRailSlot, AppShellRoot, AppShellSidebarSlot, AppShellSidebarTrigger, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Banner, BannerAction, BannerClose, BannerDescription, BannerTitle, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardLeading, CardTitle, CardTrailing, ChatIcon, Checkbox, CheckboxIndicator, CodeBlock, CodeBlockAction, CodeBlockActions, CodeBlockBody, CodeBlockHeader, CodeBlockTitle, Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxControl, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxHeader, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxRow, ComboboxSeparator, ComboboxTrigger, ComboboxTriggerCount, ComboboxTriggerIndicator, ComboboxValue, Composer, ComposerActions, ComposerAttachment, ComposerAttachmentBody, ComposerAttachmentFailedOverlay, ComposerAttachmentFile, ComposerAttachmentImage, ComposerAttachmentMeta, ComposerAttachmentRemove, ComposerAttachmentTitle, ComposerAttachmentUploadProgressBar, ComposerAttachmentUploadingOverlay, ComposerAttachments, ComposerAttachmentsScrollArea, ComposerDropOverlay, ComposerDropOverlayLabel, ComposerDropOverlayPrompt, ComposerIconButton, ComposerInput, ComposerMeta, ComposerRoot, ComposerSubmit, ComposerSuggestionAside, ComposerSuggestionContent, ComposerSuggestionGroup, ComposerSuggestionGroupLabel, ComposerSuggestionIcon, ComposerSuggestionList, ComposerSuggestionMeta, ComposerSuggestionOption, ComposerSuggestionTitle, ComposerToolbar, ComposerToolbarLabel, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuContent, ContextMenuFooter, ContextMenuItem, ContextMenuItemLabel, ContextMenuLabel, ContextMenuPopup, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSubmenu, ContextMenuSubmenuTrigger, ContextMenuTrigger, ConversationPanelBody, ConversationPanelContent, ConversationPanelEmptyState, ConversationPanelEmptyStateBrand, ConversationPanelEmptyStateBrandMark, ConversationPanelFooter, ConversationPanelRoot, ConversationPanelTabs, CopyableCode, CopyableCodeAction, CopyableCodeRoot, DescriptionDetails, DescriptionItem, DescriptionList, DescriptionTerm, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogNav, DialogOverlay, DialogPortal, DialogSurface, DialogTitle, DialogTrigger, DirectMessageIcon, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuContent, DropdownMenuFooter, DropdownMenuItem, DropdownMenuItemCount, DropdownMenuItemLabel, DropdownMenuLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateContent, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, FileAction, FileActions, FileContent, FileImage, FileMeta, FileMetaItem, FileName, FilePreview, FilePreviewBadge, FilePreviewCode, FilePreviewDocument, FilePreviewFile, FilePreviewMedia, FileRow, FileRowOpen, FileThumbnail, FilesList, FilesPanel, FilesViewport, FloatButton, FloatButtonGroup, FormSection, IconTile, InboxItem, InboxItemActions, InboxItemBody, InboxItemContent, InboxItemContext, InboxItemHeading, InboxItemHoverTarget, InboxItemLeading, InboxItemMarks, InboxItemMessage, InboxItemMetadata, InboxItemSelection, InboxItemSender, InboxItemSubtitle, InboxItemTimestamp, InboxItemTitle, InboxItemTrailing, InboxItemTrigger, InlineCode, Input, InputGroup, InputGroupAddon, InputGroupInput, Kbd, KbdGroup, Label, LabelAsterisk, LabelOptional, LabelSub, LegacyTaskPanelActions, LegacyTaskPanelBody, LegacyTaskPanelField, LegacyTaskPanelFieldLabel, LegacyTaskPanelFieldText, LegacyTaskPanelFieldTitle, LegacyTaskPanelHeader, LegacyTaskPanelIcon, LegacyTaskPanelMeta, LegacyTaskPanelMetaLabel, LegacyTaskPanelMetaRow, LegacyTaskPanelMetaValue, LegacyTaskPanelRoot, LegacyTaskPanelSection, LegacyTaskPanelStatus, LegacyTaskPanelTitle, LegacyTaskPanelTitleMeta, Lightbox, LightboxActions, LightboxClose, LightboxContent, LightboxHeader, LightboxHeaderLabel, LightboxHeaderMeta, LightboxInfoActions, LightboxInfoBar, LightboxInfoDock, LightboxInfoTitle, LightboxMedia, LightboxNavigationButton, LightboxPortal, LightboxStage, LightboxThumbnail, LightboxThumbnailStrip, LightboxTitle, LightboxToolbar, LightboxTrigger, ListRow, ListRowBody, ListRowBottom, ListRowChevron, ListRowDescription, ListRowGroup, ListRowIcon, ListRowMeta, ListRowTitle, ListRowTop, ListRowValue, LiveAgentActivityBar, LiveAgentActivityBarAvatar, LiveAgentActivityBarContent, LiveAgentActivityBarRow, LiveAgentActivityBarStatus, LiveAgentActivityBarText, MarkdownBlockquote, MarkdownCell, MarkdownCheckbox, MarkdownHeaderCell, MarkdownHeading, MarkdownImage, MarkdownInlineCode, MarkdownLink, MarkdownList, MarkdownListItem, MarkdownMark, MarkdownOrderedList, MarkdownParagraph, MarkdownRule, MarkdownTable, MarkdownTableRow, MarkdownTableScroll, MessageActionCard, MessageActionCardActions, MessageActionCardActionsNote, MessageActionCardCollapseTrigger, MessageActionCardCompletion, MessageActionCardContent, MessageActionCardHeader, MessageActionCardHeaderDescription, MessageActionCardHeaderIcon, MessageActionCardHeaderStatus, MessageActionCardHeaderTitle, MessageActionCardHint, MessageActionCardHintLabel, MessageActionCardNotice, MessageActionCardProperties, MessageActionCardProperty, MessageActionCardPropertyLabel, MessageActionCardPropertyValue, MessageActionCardScope, MessageActionCardScopeDescription, MessageActionCardScopeList, MessageActionCardScopeListLabel, MessageActionCardScopeListViewport, MessageActionCardScopeName, MessageActionCardStatus, MessageAttachmentAction, MessageAttachmentCard, MessageAttachmentCommentSummary, MessageAttachmentDiffAddition, MessageAttachmentDiffDeletion, MessageAttachmentDiffSummary, MessageAttachmentGroup, MessageAttachmentMeta, MessageAttachmentMetaEnd, MessageAttachmentMetaStart, MessageAttachmentSummary, MessageAttachmentTitle, MessageEmbed, MessageEmbedContent, MessageEmbedFooter, MessageEmbedHeader, MessageForwardedBundle, MessageForwardedBundleAttachment, MessageForwardedBundleAttachmentMeta, MessageForwardedBundleAttachmentName, MessageForwardedBundleAttachments, MessageForwardedBundleFooter, MessageForwardedBundleFooterAction, MessageForwardedBundleGallery, MessageForwardedBundleGalleryTile, MessageForwardedBundleHeader, MessageForwardedBundleHeaderContent, MessageForwardedBundleHeaderCount, MessageForwardedBundleHeaderLabel, MessageForwardedBundleItem, MessageForwardedBundleItemAuthor, MessageForwardedBundleItemContent, MessageForwardedBundleItemMeta, MessageForwardedBundleItems, MessageForwardedBundleSource, MessageForwardedBundleSourceLabel, MessageIcon, MessageImageGallery, MessageImageGalleryAction, MessageImageGalleryItem, MessageImageGalleryMedia, MessageImageGalleryOverlay, MessageImageGalleryPreview, MessageImageGalleryRow, MessageItem, MessageItemAttachments, MessageItemAvatarSlot, MessageItemBadge, MessageItemBadgeSeparator, MessageItemBody, MessageItemContent, MessageItemContinuationTime, MessageItemEdited, MessageItemEmbedded, MessageItemFooter, MessageItemGutter, MessageItemHeader, MessageItemInlineStatus, MessageItemMeta, MessageItemReadReceipt, MessageItemSavedIndicator, MessageItemSearchMatch, MessageItemSender, MessageItemSenderBadges, MessageItemSenderButton, MessageItemSenderGroup, MessageItemTime, MessageItemToolbar, MessageItemToolbarButton, MessageItemTranslationAction, MessageItemTranslationFailedStatus, MessageItemTranslationOriginal, MessageItemTranslationOriginalLabel, MessageItemTranslationProgressTrack, MessageItemTranslationRetryAction, MessageItemTranslationStatus, MessageList, MessageListDateDivider, MessageListHistoryLimited, MessageListNotice, MessageMultiSelect, MessageMultiSelectCheckbox, MessageMultiSelectToolbar, MessageQuotedPreview, MessageQuotedPreviewAttachment, MessageQuotedPreviewAttachments, MessageQuotedPreviewAuthor, MessageQuotedPreviewAuthorMeta, MessageQuotedPreviewAuthorName, MessageQuotedPreviewChannel, MessageQuotedPreviewContent, MessageQuotedPreviewHeader, MessageQuotedPreviewLoading, MessageQuotedPreviewText, MessageQuotedPreviewThread, MessageQuotedPreviewTimestamp, MessageQuotedPreviewUnavailable, MessageReactionAddButton, MessageReactionChip, MessageReactionCount, MessageReactionErrorIndicator, MessageReactionGlyph, MessageReactionPickerContent, MessageReactionPickerStatic, MessageReactionQuickButton, MessageReactionQuickRow, MessageReactionTooltipContent, MessageReactionTooltipMeta, MessageReactionTooltipName, MessageReactionTooltipNameText, MessageReactionTooltipNames, MessageReactionTooltipSeparator, MessageReferenceChip, MessageReferenceIndicator, MessageReferenceLabel, MessageReferencePending, MessageReferenceText, MessageReferenceUnavailable, MessageReplies, MessageRepliesItem, MessageRepliesItemContent, MessageRepliesItemSender, MessageRepliesItemTime, MessageRepliesSummary, MessageRepliesSummaryItem, MessageTextSelectionToolbar, MessageTextSelectionToolbarButton, MessageTextSelectionToolbarSeparator, MessageVideoPreview, MessageVideoPreviewAction, MessageVideoPreviewFailureAction, MessageVideoPreviewFailureContent, MessageVideoPreviewFailureIcon, MessageVideoPreviewFailureTitle, MessageVideoPreviewFallback, MessageVideoPreviewMedia, MobileNavItem, MobileNavLabel, MobileNavRoot, NotificationCenter, NotificationCenterActionButton, NotificationCenterCount, NotificationCenterEmptyState, NotificationCenterHeader, NotificationCenterItem, NotificationCenterItemActions, NotificationCenterItemBody, NotificationCenterItemContent, NotificationCenterItemIcon, NotificationCenterItemRow, NotificationCenterItemTitle, NotificationCenterList, NotificationCenterPopup, NotificationCenterScroller, NotificationCenterTitle, NotificationCenterTrigger, OtterIndicator, Panel, PanelAction, PanelActions, PanelActivity, PanelBody, PanelFooter, PanelHeader, PanelHeaderContent, PanelHeaderIcon, PanelHeaderRoot, PanelHeading, PanelMeta, PanelNotice, PanelNoticeActions, PanelNoticeContent, PanelScrollContent, PanelScrollViewport, PanelSection, PanelSectionHeader, PanelStatus, PanelTitle, PanelToggleAction, PickerTriggerButton, Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverPopup, PopoverPortal, PopoverSeparator, PopoverTitle, PopoverTrigger, PopoverViewport, PreviewCard, PreviewCardArrow, PreviewCardContent, PreviewCardDescription, PreviewCardHeader, PreviewCardPopup, PreviewCardPortal, PreviewCardSeparator, PreviewCardTitle, PreviewCardTrigger, ProfilePanel, ProfilePanelBody, ProfilePanelHeader, ProfilePanelHeaderContent, ProfilePanelSection, Progress, ProgressHeader, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupIndicator, RadioGroupItem, RaftLogo, RaftLogoLockup, RaftWordmark, ResizableGroup, ResizableHandle, ResizablePanel, SINGLE_IMAGE_MAX_HEIGHT, SINGLE_IMAGE_MAX_WIDTH, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, SearchEntityResult, SearchEntityResultActivity, SearchEntityResultContent, SearchEntityResultDescription, SearchEntityResultHeader, SearchEntityResultIcon, SearchEntityResultLeading, SearchEntityResultTitle, SearchMessageResult, SearchMessageResultBody, SearchMessageResultHeader, SearchMessageResultMatch, SearchMessageResultMeta, SearchMessageResultSender, SearchMessageResultThreadMeta, SearchMessageResultTimestamp, SearchResultsList, SearchResultsSection, SearchResultsSectionHeading, SearchResultsSummary, SearchShellFilters, SearchShellRoot, SearchShellViewport, SearchThreadMessageResult, SearchThreadResult, SearchThreadResultHeader, SearchThreadResultMessages, SearchThreadResultMeta, SearchThreadResultTimestamp, SearchThreadResultTitle, SearchTrigger, SearchTriggerLabel, SearchTriggerShortcut, SegmentedControl, SegmentedControlCount, SegmentedControlItem, SegmentedControlLabel, Select, SelectArrow, SelectContent, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemDescription, SelectItemIndicator, SelectItemLeading, SelectItemText, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, Separator, SidebarBody, SidebarContent, SidebarControl, SidebarGroupLabel, SidebarHeader, SidebarHeaderTitle, SidebarItem, SidebarItemAside, SidebarItemChannelIcon, SidebarItemContent, SidebarItemCount, SidebarItemCountSeparator, SidebarItemIcon, SidebarItemIndicator, SidebarItemMeta, SidebarItemMetaIcon, SidebarItemStatus, SidebarItemSubtitle, SidebarItemThreadCount, SidebarItemTitle, SidebarList, SidebarLiveActivity, SidebarMenu, SidebarMenuAside, SidebarMenuCount, SidebarMenuIcon, SidebarMenuTitle, SidebarRoot, SidebarSection, SidebarSectionAttention, SidebarSectionChevron, SidebarSectionControl, SidebarSectionControls, SidebarSectionCount, SidebarSectionDisclosure, SidebarSectionEmpty, SidebarSectionHeader, SidebarSectionTitle, SidebarSectionTrailing, Skeleton, SortableComposerAttachment, SortableComposerAttachments, SortableComposerAttachmentsScroll, SortableTabsList, SortableTabsTab, Spinner, Status, Step, Steps, Switch, SwitchThumb, SystemMessage, SystemMessageContent, SystemMessageGroup, SystemMessageGroupChevron, SystemMessageGroupDisclosure, SystemMessageGroupHeader, SystemMessageGroupPanel, SystemMessageGroupSummary, SystemMessageTime, TASK_STATUS_IDS, Table, TableBody, TableCaption, TableCell, TableColgroup, TableColumn, TableHead, TableHeader, TableRow, Tabs, TabsLabel, TabsList, TabsPanel, TabsTab, TaskBoardColumn, TaskBoardColumnBadge, TaskBoardColumnChevron, TaskBoardColumnCount, TaskBoardColumnEmpty, TaskBoardColumnEmptyAllowed, TaskBoardColumnEmptyBlocked, TaskBoardColumnEmptyIdle, TaskBoardColumnHeading, TaskBoardColumnItems, TaskBoardColumnPanel, TaskBoardColumnTrigger, TaskBoardRoot, TaskCard, TaskCardBody, TaskCardChannel, TaskCardDescription, TaskCardLegacy, TaskCardMeta, TaskCardNumber, TaskCardRow, TaskCardStatus, TaskCardTitle, TaskChip, TaskClosedIcon, TaskDndProvider, TaskDoneIcon, TaskDragOverlay, TaskDraggable, TaskDropPlaceholder, TaskDropZone, TaskInProgressIcon, TaskInReviewIcon, TaskListRoot, TaskLoadingList, TaskLoadingRow, TaskSection, TaskSectionBadge, TaskSectionChevron, TaskSectionCount, TaskSectionEmpty, TaskSectionHeading, TaskSectionItems, TaskSectionPanel, TaskSectionTrigger, TaskStatusBadge, TaskStatusIcon, TaskTodoIcon, TasksPanelEmpty, TasksPanelRoot, TasksPanelToolbar, TasksPanelToolbarFilters, TasksPanelToolbarGroup, TasksPanelToolbarLabel, TasksPanelToolbarNewTask, TasksPanelToolbarView, TasksPanelViewport, Text, TextHeading, TextLink, TextMono, TextSans, Textarea, TextareaCounter, TextareaGroup, ThemeProvider, ThreadIcon, ThreadPanelActions, ThreadPanelBody, ThreadPanelContent, ThreadPanelFooter, ThreadPanelHeader, ThreadPanelOriginalMessage, ThreadPanelReplyCount, ThreadPanelReplySummary, ThreadPanelRoot, ThreadPanelSearch, ThreadPanelSearchCount, ThreadPanelSearchTrailing, ThreadPanelTitle, ThreadPanelTitleMeta, Timeline, TimelineContent, TimelineItem, TimelineTime, TimelineTitle, ToastAction, ToastActions, ToastArrow, ToastBody, ToastClose, ToastContent, ToastDescription, ToastIcon, ToastPortal, ToastPositioner, ToastProgress, ToastProvider, ToastRoot, ToastTitle, ToastViewport, ToggleGroup, ToggleGroupItem, ToggleGroupLabel, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, VirtualList, WorkspaceButton, WorkspaceButtonName, buildMessageImageGalleryRows, buttonVariants, classifyMessageImageAspect, cn, createMessageTextSelectionAnchor, createToastManager, getTextSelectionFocusRect, installInputModality, taskStatusSoft, taskStatusStrong, textLinkVariants, toast, useComposerSuggestions, useOrderedTabs, useTheme, useToastManager };
package/dist/style.css CHANGED
@@ -1062,7 +1062,7 @@
1062
1062
  box-sizing: border-box;
1063
1063
  min-width: 0;
1064
1064
  min-height: var(--control-height);
1065
- border: 1px solid var(--line-field);
1065
+ border: 1.5px solid var(--line-field);
1066
1066
  background: var(--layer-card);
1067
1067
  color: var(--foreground);
1068
1068
  font-size: var(--field-font-size);
package/dist/styles.css CHANGED
@@ -479,6 +479,30 @@ body {
479
479
  position: relative;
480
480
  }
481
481
 
482
+ /* Browser autofill paints its own fill over a field (Chrome's pale blue,
483
+ Safari's yellow), so a filled-in login form showed fields that matched no
484
+ other field (design/foundations/states.md#autofill). The browser sets that
485
+ fill !important, so it can't be overridden; delaying the transition into it
486
+ keeps the field on its own surface, and the text keeps the field's ink.
487
+ box-shadow keeps the fields' own transition (the focus ring). The delay
488
+ also holds the field's own background while it stays autofilled: switching
489
+ light and dark mode then keeps the old surface until the field is edited. */
490
+ input:-webkit-autofill,
491
+ textarea:-webkit-autofill,
492
+ select:-webkit-autofill {
493
+ -webkit-text-fill-color: var(--foreground);
494
+ caret-color: var(--foreground);
495
+ transition:
496
+ background-color 0s 600000s,
497
+ color 0s 600000s,
498
+ box-shadow 90ms cubic-bezier(0, 0, 0.2, 1);
499
+ }
500
+
501
+ input:-webkit-autofill:disabled,
502
+ textarea:-webkit-autofill:disabled {
503
+ -webkit-text-fill-color: var(--foreground-disabled);
504
+ }
505
+
482
506
  /* The passages comments are on, painted with the CSS Custom Highlight API so
483
507
  the document's DOM is never changed (setCommentHighlights registers the
484
508
  ranges; design/patterns/comments.md). Every commented passage gets the soft
package/dist/tokens.json CHANGED
@@ -1645,7 +1645,7 @@
1645
1645
  },
1646
1646
  "field": {
1647
1647
  "$value": "{line.strong}",
1648
- "$description": "The frame of a field and the composer: the ink of line-strong, drawn 1px.",
1648
+ "$description": "The frame of a field and the composer: the ink and width of line-strong, drawn 1.5px.",
1649
1649
  "$extensions": {
1650
1650
  "build.botiverse.raft": {
1651
1651
  "scope": "every-mode"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@botiverse/raft-ui",
3
- "version": "0.17.0",
3
+ "version": "0.19.0",
4
4
  "description": "React components and CSS foundations for the Raft Design System.",
5
5
  "keywords": [
6
6
  "agent-skills",