@rcarls/rc-webcomponents 0.5.0 → 0.7.0

package/src/react.d.ts

@@ -96,6 +96,11 @@ export type RCBottomSheetSnapDetail = {
   trigger: 'drag' | 'api';
 };
 
+export type RCBottomSheetResizeStartDetail = {
+  height: number;
+  inputType: 'pointer' | 'keyboard';
+};
+
 export type RCMenuActivateDetail = {
   item: HTMLElement;
   value: string;
@@ -106,6 +111,10 @@ export type RCMenuCloseDetail = {
   reason: 'escape';
 };
 
+export type RCAdaptiveMenuToggleDetail = {
+  open: boolean;
+};
+
 export type RCMenuButtonToggleDetail = {
   open: boolean;
 };
@@ -194,6 +203,14 @@ export type RCSearchBarInputDetail = {
   value: string;
 };
 
+export type RCCarouselChangeTrigger = 'api' | 'button' | 'keyboard' | 'swipe';
+
+/** Detail shape for `rc-carousel-change`. */
+export type RCCarouselChangeDetail = {
+  index: number;
+  trigger: RCCarouselChangeTrigger;
+};
+
 export type RCTextareaChangeDetail = {
   value: string;
 };
@@ -221,6 +238,14 @@ export type RCChipRemoveDetail = {
   chip: HTMLElement;
 };
 
+export type RCChipGroupLayout = 'auto' | 'wrap' | 'scroll';
+export type RCChipGroupKind = 'generic' | 'assist' | 'filter';
+export type RCChipGroupSelection = 'none' | 'single' | 'multiple';
+
+export type RCChipGroupToggleDetail = {
+  expanded: boolean;
+};
+
 export type RCButtonToggleDetail = {
   selected: boolean;
 };
@@ -243,6 +268,39 @@ export type RCSnackbarCloseDetail = {
   message: string;
 };
 
+export type RCTooltipPlacement =
+  | 'block-start'
+  | 'block-start-start'
+  | 'block-start-end'
+  | 'block-end'
+  | 'block-end-start'
+  | 'block-end-end'
+  | 'inline-start'
+  | 'inline-start-start'
+  | 'inline-start-end'
+  | 'inline-end'
+  | 'inline-end-start'
+  | 'inline-end-end';
+
+export type RCPopoverPlacement = RCTooltipPlacement;
+export type RCPopoverTriggerAction = 'toggle' | 'none';
+export type RCPopoverToggleDetail = { open: boolean };
+
+/** Public API surface of `<rc-popover>`. */
+export type RCPopoverRef = HTMLElement & {
+  open: boolean;
+  defaultOpen: boolean;
+  placement: RCPopoverPlacement;
+  triggerAction: RCPopoverTriggerAction;
+  openOnHover: boolean;
+  openOnFocus: boolean;
+};
+
+/** Public API surface of `<rc-tooltip>`. */
+export type RCTooltipRef = HTMLElement & {
+  placement: RCTooltipPlacement;
+};
+
 // ── Ref types ────────────────────────────────────────────────────────────────
 
 /** Public API surface of `<rc-button>`. */
@@ -259,11 +317,102 @@ export type RCButtonRef = HTMLElement & {
 };
 
 /** Public API surface of `<rc-card>`. */
+export type RCCardOrientation = 'vertical' | 'horizontal';
+
 export type RCCardRef = HTMLElement & {
+  orientation: RCCardOrientation;
+  selected: boolean;
+  disabled: boolean;
+  interactive: boolean;
+  actionTarget: string;
+};
+
+export type RCScrollerAxis = 'block' | 'inline' | 'both';
+export type RCScrollerLayout = 'none' | 'content';
+
+/** Public API surface of `<rc-scroller>`. */
+export type RCScrollerRef = HTMLElement & {
+  axis: RCScrollerAxis;
+  layout: RCScrollerLayout;
+  readonly atBlockStart: boolean;
+  readonly atBlockEnd: boolean;
+  readonly atInlineStart: boolean;
+  readonly atInlineEnd: boolean;
+};
+
+export type RCVirtualScrollerAxis = 'block' | 'inline';
+
+export type RCVirtualScrollerRangeDetail = {
+  readonly start: number;
+  readonly end: number;
+  readonly itemsPerLine: number;
+  readonly lineSize: number;
+  readonly measured: boolean;
+};
+
+/** Public API surface of `<rc-virtual-scroller>`. */
+export type RCVirtualScrollerRef = HTMLElement & {
+  axis: RCVirtualScrollerAxis;
+  count: number;
+  itemSize: number;
+  itemsPerLine: number;
+  overscan: number;
+  disabled: boolean;
+  scrollTarget: Element | null;
+  readonly first: number;
+  readonly last: number;
+  readonly range: RCVirtualScrollerRangeDetail | null;
+  scrollToIndex(
+    index: number,
+    options?: { align?: 'start' | 'center' | 'end' | 'nearest'; behavior?: ScrollBehavior },
+  ): void;
+  measure(): void;
+};
+
+export type RCListVariant = 'standard' | 'segmented';
+export type RCListSelection = 'none' | 'single' | 'multiple';
+
+/** Public API surface of `<rc-list>`. */
+export type RCListRef = HTMLElement & {
+  variant: RCListVariant;
+  selection: RCListSelection;
+  ordered: boolean;
+  reorderable: boolean;
+  /** Overrides for the reorder announcements and handle hint. Positions are 1-based. */
+  reorderMessages: RCListReorderMessages | undefined;
+};
+
+/** Detail shape for `rc-list-reorder`. Positions are 0-based among visible items. */
+export type RCListReorderDetail = {
+  item: RCListItemRef;
+  from: number;
+  to: number;
+};
+
+/** Overridable `rc-list` reorder announcements. */
+export type RCListReorderMessages = {
+  instructions?: string;
+  grabbed?: (position: number, count: number, locale?: string) => string;
+  moved?: (position: number, count: number, locale?: string) => string;
+  dropped?: (position: number, count: number, locale?: string) => string;
+  canceled?: (position: number, count: number, locale?: string) => string;
+};
+
+/** Public API surface of `<rc-list-item>`. */
+export type RCListItemRef = HTMLElement & {
   selected: boolean;
   disabled: boolean;
   interactive: boolean;
   actionTarget: string;
+  /** Expanded state of the `details` region; host writes take control, `undefined` releases it. */
+  get expanded(): boolean;
+  set expanded(value: boolean | undefined);
+  defaultExpanded: boolean;
+};
+
+/** Detail shape for `rc-list-item-toggle`. */
+export type RCListItemToggleDetail = {
+  expanded: boolean;
 };
 
 /** Public API surface of `<rc-switch>`. */
@@ -293,9 +442,29 @@ export type RCChipRef = HTMLElement & {
   removable: boolean;
 };
 
+export type RCChipGroupRef = HTMLElement & {
+  layout: RCChipGroupLayout;
+  maxRows: number;
+  kind: RCChipGroupKind;
+  selection: RCChipGroupSelection;
+  expanded: boolean;
+  defaultExpanded: boolean;
+  label: string | undefined;
+  /** Built-in text overrides; unset keys fall back to registered text, then English. */
+  messages: RCChipGroupMessages | undefined;
+};
+
+/** Overridable `<rc-chip-group>` built-in text. Register defaults with `registerMessages()` from `@rcarls/rc-common`. */
+export type RCChipGroupMessages = {
+  label?: string;
+  showAll?: string;
+  showLess?: string;
+};
+
 /** Public API surface of `<rc-snackbar>`. */
 export type RCSnackbarRef = HTMLElement & {
   open: boolean;
+  defaultOpen: boolean;
   message: string;
   actionLabel: string;
   duration: number;
@@ -307,7 +476,8 @@ export type RCSnackbarRef = HTMLElement & {
 
 /** Public API surface of `<rc-disclosure>`. */
 export type RCDisclosureRef = HTMLElement & {
-  open: boolean;
+  open: boolean | undefined;
+  defaultOpen: boolean;
 };
 
 /** Public API surface of `<rc-accordion>`. */
@@ -334,6 +504,13 @@ export type RCListboxRef = HTMLElement & {
   setCreateOption(label: string | null): void;
   setSelectedValues(values: string[]): void;
   appendOption(opt: RCListboxOption): void;
+  /** Built-in text overrides; unset keys fall back to registered text, then English. */
+  messages: RCListboxMessages | undefined;
+};
+
+/** Overridable `<rc-listbox>` built-in text. Register defaults with `registerMessages()` from `@rcarls/rc-common`. */
+export type RCListboxMessages = {
+  create?: (text: string) => string;
 };
 
 /** Public API surface of `<rc-select>`. */
@@ -341,20 +518,43 @@ export type RCSelectRef = HTMLElement & {
   open: boolean;
   multiple: boolean;
   disabled: boolean;
+  required: boolean;
   placeholder: string;
   display: 'auto' | 'chips' | 'compact';
+  popupMode: 'popover' | 'dialog';
+  dialogCancelButton: 'visible' | 'hidden';
   value: RCSelectValue;
   defaultValue: RCSelectValue | undefined;
   options: RCSelectOption[] | undefined;
   readonly selectedValues: string[];
   openPopup(): void;
   closePopup(returnFocus?: boolean): void;
+  focus(options?: FocusOptions): void;
+  blur(): void;
+  /** Built-in text overrides; unset keys fall back to registered text, then English. */
+  messages: RCSelectMessages | undefined;
+};
+
+/** Overridable `<rc-select>` built-in text. Register defaults with `registerMessages()` from `@rcarls/rc-common`. */
+export type RCSelectMessages = {
+  options?: string;
+  selectedItems?: string;
+  remove?: (label: string) => string;
+  summary?: (first: string, more: number, locale?: string) => string;
+  done?: string;
+  cancel?: string;
 };
 
 /** Public API surface of `<rc-combobox>`. */
 export type RCComboboxRef = RCSelectRef & {
   allowCreate: boolean;
   filterStrategy: 'prefix' | 'contains' | ((label: string, query: string) => boolean);
+  messages: RCComboboxMessages | undefined;
+};
+
+/** Overridable `<rc-combobox>` built-in text: every `rc-select` key plus `search`. */
+export type RCComboboxMessages = RCSelectMessages & {
+  search?: (name: string) => string;
 };
 
 /** Public API surface of `<rc-dialog>`. */
@@ -372,6 +572,7 @@ export type RCDialogResizeOrigin =
 export type RCDialogRef = HTMLElement & {
   open: boolean | undefined;
   defaultOpen: boolean;
+  variant: 'standard' | 'fullscreen' | 'side';
   movable: boolean;
   moveHandle: string;
   moveBounds: 'viewport' | 'parent';
@@ -382,7 +583,7 @@ export type RCDialogRef = HTMLElement & {
   resizeThreshold: number;
   resizeStep: number;
   closedBy: 'any' | 'closerequest' | 'none' | '';
-  lightDismiss: boolean;
+  modal: boolean;
   readonly returnValue: string;
   showModal(): void;
   show(): void;
@@ -403,31 +604,61 @@ export type RCMenuRef = HTMLElement & {
   label: string;
 };
 
+/** Public API surface of `<rc-adaptive-menu>`. */
+export type RCAdaptiveMenuRef = HTMLElement & {
+  label: string | undefined;
+  maxShown: number;
+  open: boolean;
+  defaultOpen: boolean;
+  orientation: 'horizontal' | 'vertical';
+  readonly $actions: HTMLElement[];
+  readonly $promotedActions: HTMLElement[];
+  readonly $overflowedActions: HTMLElement[];
+  openMenu(focus?: 'first' | 'last' | 'none'): void;
+  closeMenu(returnFocus?: boolean): void;
+  toggleMenu(focus?: 'first' | 'last' | 'none'): void;
+  /** Built-in text overrides; unset keys fall back to registered text, then English. */
+  messages: RCAdaptiveMenuMessages | undefined;
+};
+
+/** Overridable `<rc-adaptive-menu>` built-in text. Register defaults with `registerMessages()` from `@rcarls/rc-common`. */
+export type RCAdaptiveMenuMessages = {
+  label?: string;
+  overflow?: string;
+};
+
 /** Public API surface of `<rc-menu-button>`. */
 export type RCMenuButtonPlacement =
-  | 'top'
-  | 'top-start'
-  | 'top-end'
-  | 'bottom'
-  | 'bottom-start'
-  | 'bottom-end'
-  | 'left'
-  | 'left-start'
-  | 'left-end'
-  | 'right'
-  | 'right-start'
-  | 'right-end';
+  | 'block-start'
+  | 'block-start-start'
+  | 'block-start-end'
+  | 'block-end'
+  | 'block-end-start'
+  | 'block-end-end'
+  | 'inline-start'
+  | 'inline-start-start'
+  | 'inline-start-end'
+  | 'inline-end'
+  | 'inline-end-start'
+  | 'inline-end-end';
 
 export type RCMenuButtonRef = HTMLElement & {
   open: boolean | undefined;
   defaultOpen: boolean;
   orientation: 'horizontal' | 'vertical' | undefined;
   placement: RCMenuButtonPlacement;
+  openMenu(focus?: 'first' | 'last'): void;
+  closeMenu(returnFocus?: boolean): void;
+  toggleMenu(): void;
 };
 
 /** Public API surface of `<rc-fab-menu>`. */
 export type RCFabMenuRef = RCMenuButtonRef & {
-  position: 'bottom-end' | 'bottom-start' | 'top-end' | 'top-start';
+  position:
+    | 'block-end-inline-end'
+    | 'block-end-inline-start'
+    | 'block-start-inline-end'
+    | 'block-start-inline-start';
 };
 
 export type RCFabMenuToggleDetail = {
@@ -455,19 +686,26 @@ export type RCNavigationRailToggleDetail = {
 
 /** Public API surface of `<rc-menubar>`. */
 export type RCMenubarRef = HTMLElement & {
-  label: string;
+  label: string | undefined;
   orientation: 'horizontal' | 'vertical';
+  /** Built-in text overrides; unset keys fall back to registered text, then English. */
+  messages: RCMenubarMessages | undefined;
+};
+
+/** Overridable `<rc-menubar>` built-in text. Register defaults with `registerMessages()` from `@rcarls/rc-common`. */
+export type RCMenubarMessages = {
+  label?: string;
 };
 
 /** Public API surface of `<rc-toolbar>`. */
 export type RCToolbarRef = HTMLElement & {
   label: string;
-  orientation: string;
+  orientation: 'horizontal' | 'vertical';
 };
 
 /** Public API surface of `<rc-splitter>`. */
 export type RCSplitterRef = HTMLElement & {
-  label: string;
+  label: string | undefined;
   orientation: 'horizontal' | 'vertical';
   mode: 'length' | 'percent' | 'fixed';
   step: number;
@@ -480,6 +718,15 @@ export type RCSplitterRef = HTMLElement & {
   snapPoints: string;
   swipeVelocity: number;
   snapTo(index: number, behavior?: 'animated' | 'instant'): void;
+  /** Built-in text overrides; unset keys fall back to registered text, then English. */
+  messages: RCSplitterMessages | undefined;
+};
+
+/** Overridable `<rc-splitter>` built-in text. Register defaults with `registerMessages()` from `@rcarls/rc-common`. */
+export type RCSplitterMessages = {
+  label?: string;
+  expand?: (label: string) => string;
+  collapse?: (label: string) => string;
 };
 
 /** Public API surface of `<rc-slider>`. */
@@ -496,6 +743,18 @@ export type RCSliderRef = HTMLElement & {
   orientation: 'horizontal' | 'vertical';
 };
 
+/** Public API surface of `<rc-progress>`. */
+export type RCProgressRef = HTMLElement & {
+  readonly max: number;
+  value: number;
+  defaultValue: number | undefined;
+  indeterminate: boolean;
+  disabled: boolean;
+  display: 'inline-start' | 'inline-end' | 'overlay' | null;
+  valueText: string;
+  orientation: 'horizontal' | 'vertical';
+};
+
 /** Public API surface of `<rc-range-slider>`. */
 export type RCRangeSliderRef = HTMLElement & {
   min: number;
@@ -504,20 +763,29 @@ export type RCRangeSliderRef = HTMLElement & {
   value: [number, number];
   defaultValue: [number, number] | undefined;
   disabled: boolean;
-  lowLabel: string;
-  highLabel: string;
+  readonly: boolean;
+  lowLabel: string | undefined;
+  highLabel: string | undefined;
   lowValueText: string;
   highValueText: string;
   display: 'float' | 'inline-start' | 'inline-end' | null;
   orientation: 'horizontal' | 'vertical';
+  /** Built-in text overrides; unset keys fall back to registered text, then English. */
+  messages: RCRangeSliderMessages | undefined;
+};
+
+/** Overridable `<rc-range-slider>` built-in text. Register defaults with `registerMessages()` from `@rcarls/rc-common`. */
+export type RCRangeSliderMessages = {
+  low?: string;
+  high?: string;
 };
 
 /** Public API surface of `<rc-transfer-list>`. */
 export type RCTransferListRef = HTMLElement & {
   multiple: boolean;
   compact: boolean;
-  availableLabel: string;
-  selectedLabel: string;
+  availableLabel: string | undefined;
+  selectedLabel: string | undefined;
   available: RCTransferListOption[];
   selected: RCTransferListOption[];
   defaultSelected: RCTransferListOption[] | undefined;
@@ -526,6 +794,21 @@ export type RCTransferListRef = HTMLElement & {
   removeSelected(): void;
   clearSelected(): void;
   moveSelected(delta: number): void;
+  /** Built-in text overrides; unset keys fall back to registered text, then English. */
+  messages: RCTransferListMessages | undefined;
+};
+
+/** Overridable `<rc-transfer-list>` built-in text. Register defaults with `registerMessages()` from `@rcarls/rc-common`. */
+export type RCTransferListMessages = {
+  available?: string;
+  selected?: string;
+  actions?: string;
+  add?: string;
+  addAll?: string;
+  remove?: string;
+  clear?: string;
+  moveUp?: string;
+  moveDown?: string;
 };
 
 /** Public API surface of `<rc-textarea>`. */
@@ -537,7 +820,10 @@ export type RCTextareaRef = HTMLElement & {
   gutter: boolean;
   wordWrap: boolean;
   autoGrow: boolean;
-  readOnly: boolean;
+  /** `auto` gives each line the direction of its first strong character; `base` keeps the editor's. */
+  lineDirection: 'auto' | 'base';
+  /** Read-only state of the slotted textarea; set `readonly` on the textarea to change it. */
+  readonly readOnly: boolean;
   usePlugin(plugin: RCTextareaPlugin): void;
   removePlugin(): void;
   wrapSelection(prefix: string, suffix: string): void;
@@ -552,6 +838,43 @@ export type RCMarkdownEditorRef = HTMLElement & {
   sourceMode: boolean;
   defaultSourceMode: boolean;
   readOnly: boolean;
+  /** Built-in text overrides; unset keys fall back to registered text, then English. */
+  messages: RCMarkdownEditorMessages | undefined;
+};
+
+/** Overridable `<rc-editor-toolbar>` built-in text. */
+export type RCEditorToolbarMessages = {
+  toolbar?: string;
+  bold?: string;
+  italic?: string;
+  underline?: string;
+  strikethrough?: string;
+  inlineCode?: string;
+  link?: string;
+  headingLevel?: string;
+  paragraph?: string;
+  heading?: (level: number, locale?: string) => string;
+  blockquote?: string;
+  bulletList?: string;
+  orderedList?: string;
+  codeBlock?: string;
+  codeBlockLanguage?: string;
+  languagePlaceholder?: string;
+  languageHint?: string;
+  sourceMode?: string;
+  sourceModeHint?: string;
+  shortcut?: (label: string, keys: string) => string;
+};
+
+/** Overridable `<rc-markdown-editor>` built-in text. Register defaults with `registerMessages()` from `@rcarls/rc-common`. */
+export type RCMarkdownEditorMessages = {
+  source?: string;
+  linkPopover?: string;
+  url?: string;
+  applyLink?: string;
+  openLink?: string;
+  removeLink?: string;
+  shortcut?: (label: string, keys: string) => string;
 };
 
 /** Public API surface of `<rc-virtual-canvas>`. */
@@ -574,10 +897,13 @@ export type RCVirtualCanvasRef = HTMLElement & {
 /** Public API surface of `<rc-app-bar>`. */
 export type RCAppBarRef = HTMLElement & {
   variant: 'compact' | 'expanded';
+  centerSymmetric: boolean;
   scrollBehavior: 'pinned' | 'collapse' | 'hide';
   scrolled: boolean | undefined;
   scrollTarget: Element | Document | Window | string | null;
   scrollThreshold: number;
+  hideDistance: number;
+  readonly collapsed: boolean;
 };
 
 /** Public API surface of `<rc-search-bar>`. */
@@ -588,12 +914,65 @@ export type RCSearchBarRef = HTMLElement & {
   value: string;
   defaultValue: string | undefined;
   debounce: number;
-  clearLabel: string;
+  allowNativeClear: boolean;
+  showClearOnFocus: boolean;
+  disabled: boolean;
   placeholder: string | undefined;
   showView(): void;
   closeView(): void;
   toggleView(): void;
-};
+  clear(): void;
+  /** Built-in text overrides; unset keys fall back to registered text, then English. */
+  messages: RCSearchBarMessages | undefined;
+};
+
+/** Overridable `<rc-search-bar>` built-in text. Register defaults with `registerMessages()` from `@rcarls/rc-common`. */
+export type RCSearchBarMessages = {
+  clear?: string;
+};
+
+export type RCFieldControl = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
+
+/** Public API surface of `<rc-field>`. */
+export type RCFieldRef = HTMLElement & {
+  counter: boolean;
+  invalid: boolean;
+  readonly control: RCFieldControl | null;
+  readonly group: HTMLFieldSetElement | null;
+  readonly controls: RCFieldControl[];
+  focus(options?: FocusOptions): void;
+  blur(): void;
+  sync(): void;
+};
+
+/** Public API surface of `<rc-carousel>`. */
+export type RCCarouselRef = HTMLElement & {
+  activeIndex: number | undefined;
+  defaultActiveIndex: number;
+  loop: boolean;
+  navigation: boolean;
+  pagination: boolean;
+  mouseDragging: boolean;
+  next(): void;
+  previous(): void;
+  goToIndex(index: number, instant?: boolean): void;
+  /** Built-in text overrides; unset keys fall back to registered text, then English. */
+  messages: RCCarouselMessages | undefined;
+};
+
+/** Overridable `<rc-carousel>` built-in text. Register defaults with `registerMessages()` from `@rcarls/rc-common`. */
+export type RCCarouselMessages = {
+  carousel?: string;
+  slide?: string;
+  position?: (position: number, count: number, locale?: string) => string;
+  previous?: string;
+  next?: string;
+  picker?: string;
+  goToSlide?: (position: number, count: number, locale?: string) => string;
+};
+
+/** Public API surface of `<rc-carousel-item>`. */
+export type RCCarouselItemRef = HTMLElement;
 
 // ── React JSX declarations ───────────────────────────────────────────────────
 
@@ -605,6 +984,8 @@ declare module 'react' {
         RCDisclosureRef
       > & {
         open?: boolean;
+        'default-open'?: boolean;
+        'onrc-disclosure-toggle'?: (event: CustomEvent<RCDisclosureToggleDetail>) => void;
       };
 
       'rc-accordion': React.DetailedHTMLProps<
@@ -628,12 +1009,65 @@ declare module 'react' {
       };
 
       'rc-card': React.DetailedHTMLProps<React.HTMLAttributes<RCCardRef>, RCCardRef> & {
+        orientation?: RCCardOrientation;
         selected?: boolean;
         disabled?: boolean;
         interactive?: boolean;
         'action-target'?: string;
       };
 
+      'rc-scroller': React.DetailedHTMLProps<React.HTMLAttributes<RCScrollerRef>, RCScrollerRef> & {
+        axis?: RCScrollerAxis;
+        layout?: RCScrollerLayout;
+      };
+
+      'rc-virtual-scroller': React.DetailedHTMLProps<
+        React.HTMLAttributes<RCVirtualScrollerRef>,
+        RCVirtualScrollerRef
+      > & {
+        axis?: RCVirtualScrollerAxis;
+        count?: number | string;
+        'item-size'?: number | string;
+        'items-per-line'?: number | string;
+        overscan?: number | string;
+        disabled?: boolean;
+        'onrc-virtual-scroller-range'?: (event: CustomEvent<RCVirtualScrollerRangeDetail>) => void;
+      };
+
+      'rc-carousel': React.DetailedHTMLProps<React.HTMLAttributes<RCCarouselRef>, RCCarouselRef> & {
+        'active-index'?: number | string;
+        'default-active-index'?: number | string;
+        loop?: boolean;
+        navigation?: boolean;
+        pagination?: boolean;
+        'mouse-dragging'?: boolean;
+        'onrc-carousel-change'?: (event: CustomEvent<RCCarouselChangeDetail>) => void;
+      };
+
+      'rc-carousel-item': React.DetailedHTMLProps<
+        React.HTMLAttributes<RCCarouselItemRef>,
+        RCCarouselItemRef
+      >;
+
+      'rc-list': React.DetailedHTMLProps<React.HTMLAttributes<RCListRef>, RCListRef> & {
+        variant?: RCListVariant;
+        selection?: RCListSelection;
+        ordered?: boolean;
+        reorderable?: boolean;
+      };
+
+      'rc-list-item': React.DetailedHTMLProps<
+        React.HTMLAttributes<RCListItemRef>,
+        RCListItemRef
+      > & {
+        selected?: boolean;
+        disabled?: boolean;
+        interactive?: boolean;
+        'action-target'?: string;
+        expanded?: boolean;
+        'default-expanded'?: boolean;
+      };
+
       'rc-switch': React.DetailedHTMLProps<React.HTMLAttributes<RCSwitchRef>, RCSwitchRef> & {
         checked?: boolean;
         'default-checked'?: boolean;
@@ -661,6 +1095,19 @@ declare module 'react' {
         removable?: boolean;
       };
 
+      'rc-chip-group': React.DetailedHTMLProps<
+        React.HTMLAttributes<RCChipGroupRef>,
+        RCChipGroupRef
+      > & {
+        layout?: RCChipGroupLayout;
+        'max-rows'?: number | string;
+        kind?: RCChipGroupKind;
+        selection?: RCChipGroupSelection;
+        expanded?: boolean;
+        'default-expanded'?: boolean;
+        label?: string;
+      };
+
       'rc-snackbar': React.DetailedHTMLProps<React.HTMLAttributes<RCSnackbarRef>, RCSnackbarRef> & {
         open?: boolean;
         message?: string;
@@ -669,6 +1116,19 @@ declare module 'react' {
         'queue-policy'?: RCSnackbarQueuePolicy;
       };
 
+      'rc-popover': React.DetailedHTMLProps<React.HTMLAttributes<RCPopoverRef>, RCPopoverRef> & {
+        open?: boolean;
+        'default-open'?: boolean;
+        placement?: RCPopoverPlacement;
+        'trigger-action'?: RCPopoverTriggerAction;
+        'open-on-hover'?: boolean;
+        'open-on-focus'?: boolean;
+      };
+
+      'rc-tooltip': React.DetailedHTMLProps<React.HTMLAttributes<RCTooltipRef>, RCTooltipRef> & {
+        placement?: RCTooltipPlacement;
+      };
+
       'rc-listbox': React.DetailedHTMLProps<React.HTMLAttributes<RCListboxRef>, RCListboxRef> & {
         multiple?: boolean;
         checkmark?: boolean;
@@ -682,8 +1142,11 @@ declare module 'react' {
         open?: boolean;
         multiple?: boolean;
         disabled?: boolean;
+        required?: boolean;
         placeholder?: string;
         display?: 'auto' | 'chips' | 'compact';
+        'popup-mode'?: 'popover' | 'dialog';
+        'dialog-cancel-button'?: 'visible' | 'hidden';
         value?: RCSelectValue;
         'default-value'?: RCSelectValue;
         options?: RCSelectOption[];
@@ -693,10 +1156,13 @@ declare module 'react' {
         open?: boolean;
         multiple?: boolean;
         disabled?: boolean;
+        required?: boolean;
         placeholder?: string;
         display?: 'auto' | 'chips' | 'compact';
         'allow-create'?: boolean;
         'filter-strategy'?: 'prefix' | 'contains';
+        'popup-mode'?: 'popover' | 'dialog';
+        'dialog-cancel-button'?: 'visible' | 'hidden';
         value?: RCSelectValue;
         'default-value'?: RCSelectValue;
         options?: RCSelectOption[];
@@ -705,6 +1171,7 @@ declare module 'react' {
       'rc-dialog': React.DetailedHTMLProps<React.HTMLAttributes<RCDialogRef>, RCDialogRef> & {
         open?: boolean;
         'default-open'?: boolean;
+        variant?: 'standard' | 'fullscreen' | 'side';
         movable?: boolean;
         'move-handle'?: string;
         'move-bounds'?: 'viewport' | 'parent';
@@ -715,7 +1182,6 @@ declare module 'react' {
         'resize-threshold'?: number | string;
         'resize-step'?: number | string;
         'closed-by'?: 'any' | 'closerequest' | 'none';
-        'light-dismiss'?: boolean;
       };
 
       'rc-bottom-sheet': React.DetailedHTMLProps<
@@ -724,7 +1190,7 @@ declare module 'react' {
       > & {
         open?: boolean;
         'default-open'?: boolean;
-        'light-dismiss'?: boolean;
+        'closed-by'?: 'any' | 'closerequest' | 'none';
         resize?: 'none' | 'both' | 'horizontal' | 'vertical';
         'resize-origin'?: RCDialogResizeOrigin;
         'resize-handle'?: string;
@@ -733,12 +1199,27 @@ declare module 'react' {
         'snap-points'?: string;
         'swipe-dismiss'?: boolean;
         'swipe-velocity'?: number | string;
+        'onrc-bottom-sheet-resize-start'?: (
+          event: CustomEvent<RCBottomSheetResizeStartDetail>,
+        ) => void;
       };
 
       'rc-menu': React.DetailedHTMLProps<React.HTMLAttributes<RCMenuRef>, RCMenuRef> & {
         label?: string;
       };
 
+      'rc-adaptive-menu': React.DetailedHTMLProps<
+        React.HTMLAttributes<RCAdaptiveMenuRef>,
+        RCAdaptiveMenuRef
+      > & {
+        label?: string;
+        'max-shown'?: number | string;
+        open?: boolean;
+        'default-open'?: boolean;
+        orientation?: 'horizontal' | 'vertical';
+        'onrc-adaptive-menu-toggle'?: (event: CustomEvent<RCAdaptiveMenuToggleDetail>) => void;
+      };
+
       'rc-menu-button': React.DetailedHTMLProps<
         React.HTMLAttributes<RCMenuButtonRef>,
         RCMenuButtonRef
@@ -747,13 +1228,19 @@ declare module 'react' {
         'default-open'?: boolean;
         orientation?: 'horizontal' | 'vertical';
         placement?: RCMenuButtonPlacement;
+        'icon-only'?: boolean;
       };
 
       'rc-fab-menu': React.DetailedHTMLProps<React.HTMLAttributes<RCFabMenuRef>, RCFabMenuRef> & {
         open?: boolean;
         'default-open'?: boolean;
+        orientation?: 'horizontal' | 'vertical';
         placement?: RCMenuButtonPlacement;
-        position?: 'bottom-end' | 'bottom-start' | 'top-end' | 'top-start';
+        position?:
+          | 'block-end-inline-end'
+          | 'block-end-inline-start'
+          | 'block-start-inline-end'
+          | 'block-start-inline-start';
       };
 
       'rc-navigation-bar': React.DetailedHTMLProps<
@@ -781,7 +1268,7 @@ declare module 'react' {
 
       'rc-toolbar': React.DetailedHTMLProps<React.HTMLAttributes<RCToolbarRef>, RCToolbarRef> & {
         label?: string;
-        orientation?: string;
+        orientation?: 'horizontal' | 'vertical';
       };
 
       'rc-slider': React.DetailedHTMLProps<React.HTMLAttributes<RCSliderRef>, RCSliderRef> & {
@@ -797,6 +1284,16 @@ declare module 'react' {
         orientation?: 'horizontal' | 'vertical';
       };
 
+      'rc-progress': React.DetailedHTMLProps<React.HTMLAttributes<RCProgressRef>, RCProgressRef> & {
+        value?: number | string;
+        'default-value'?: number | string;
+        indeterminate?: boolean;
+        disabled?: boolean;
+        display?: 'inline-start' | 'inline-end' | 'overlay';
+        'value-text'?: string;
+        orientation?: 'horizontal' | 'vertical';
+      };
+
       'rc-range-slider': React.DetailedHTMLProps<
         React.HTMLAttributes<RCRangeSliderRef>,
         RCRangeSliderRef
@@ -807,6 +1304,7 @@ declare module 'react' {
         value?: [number, number];
         'default-value'?: [number, number];
         disabled?: boolean;
+        readonly?: boolean;
         'low-label'?: string;
         'high-label'?: string;
         'low-value-text'?: string;
@@ -843,12 +1341,7 @@ declare module 'react' {
         'swipe-velocity'?: number | string;
       };
 
-      'rc-editor-toolbar': React.DetailedHTMLProps<
-        React.HTMLAttributes<HTMLElement>,
-        HTMLElement
-      > & {
-        label?: string;
-      };
+      'rc-editor-toolbar': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
 
       'rc-markdown-editor': React.DetailedHTMLProps<
         React.HTMLAttributes<RCMarkdownEditorRef>,
@@ -863,15 +1356,21 @@ declare module 'react' {
       };
 
       'rc-fab': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
-        position?: 'bottom-end' | 'bottom-start' | 'top-end' | 'top-start';
+        position?:
+          | 'block-end-inline-end'
+          | 'block-end-inline-start'
+          | 'block-start-inline-end'
+          | 'block-start-inline-start';
         'scroll-reveal'?: boolean;
       };
 
       'rc-app-bar': React.DetailedHTMLProps<React.HTMLAttributes<RCAppBarRef>, RCAppBarRef> & {
         variant?: 'compact' | 'expanded';
+        'center-symmetric'?: boolean;
         'scroll-behavior'?: 'pinned' | 'collapse' | 'hide';
         'scroll-target'?: string;
         'scroll-threshold'?: number | string;
+        'hide-distance'?: number | string;
         scrollTarget?: Element | Document | Window | string | null;
       };
 
@@ -883,12 +1382,19 @@ declare module 'react' {
         open?: boolean;
         'default-open'?: boolean;
         debounce?: number | string;
-        'clear-label'?: string;
+        'allow-native-clear'?: boolean;
+        'show-clear-on-focus'?: boolean;
+        disabled?: boolean;
         placeholder?: string;
         'default-value'?: string;
         value?: string;
       };
 
+      'rc-field': React.DetailedHTMLProps<React.HTMLAttributes<RCFieldRef>, RCFieldRef> & {
+        counter?: boolean;
+        invalid?: boolean;
+      };
+
       'rc-virtual-canvas': React.DetailedHTMLProps<
         React.HTMLAttributes<RCVirtualCanvasRef>,
         RCVirtualCanvasRef
@@ -908,7 +1414,7 @@ declare module 'react' {
         gutter?: boolean;
         'word-wrap'?: boolean;
         'auto-grow'?: boolean;
-        'read-only'?: boolean;
+        'line-direction'?: 'auto' | 'base';
       };
     }
   }