@rcarls/rc-webcomponents 0.5.0 → 0.7.0

package/src/solid.d.ts

@@ -17,7 +17,8 @@ import type { RCTextareaPlugin } from '@rcarls/rc-textarea';
 
 /** Public API surface of `<rc-disclosure>`. */
 export type RCDisclosureRef = HTMLElement & {
-  open: boolean;
+  open: boolean | undefined;
+  defaultOpen: boolean;
 };
 
 export type RCDisclosureToggleDetail = {
@@ -38,11 +39,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;
 };
 
 export type RCSwitchChangeDetail = {
@@ -78,6 +170,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;
 };
@@ -91,6 +191,25 @@ 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;
+};
+
 export type RCSnackbarQueuePolicy = 'queue' | 'replace';
 export type RCSnackbarCloseReason = 'action' | 'api' | 'timeout' | 'replace' | 'clear';
 
@@ -109,8 +228,42 @@ 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;
+};
+
 export type RCSnackbarRef = HTMLElement & {
   open: boolean;
+  defaultOpen: boolean;
   message: string;
   actionLabel: string;
   duration: number;
@@ -142,6 +295,13 @@ export type RCListboxRef = HTMLElement & {
   filterOptions(text: string): void;
   clearFilter(): void;
   setCreateOption(label: string | null): 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>`. */
@@ -193,20 +353,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;
+  options: RCListboxOption[] | 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;
 };
 
 export type RCComboboxCreateDetail = {
@@ -228,6 +411,7 @@ export type RCDialogResizeOrigin =
 export type RCDialogRef = HTMLElement & {
   open: boolean | undefined;
   defaultOpen: boolean;
+  variant: 'standard' | 'fullscreen' | 'side';
   movable: boolean;
   moveHandle: string;
   moveBounds: 'viewport' | 'parent';
@@ -238,7 +422,6 @@ export type RCDialogRef = HTMLElement & {
   resizeThreshold: number;
   resizeStep: number;
   closedBy: 'any' | 'closerequest' | 'none' | '';
-  lightDismiss: boolean;
   readonly returnValue: string;
   showModal(): void;
   show(): void;
@@ -258,6 +441,11 @@ export type RCBottomSheetSnapDetail = {
   trigger: 'drag' | 'api';
 };
 
+export type RCBottomSheetResizeStartDetail = {
+  height: number;
+  inputType: 'pointer' | 'keyboard';
+};
+
 /** Public API surface of `<rc-bottom-sheet>`. */
 export type RCBottomSheetRef = RCDialogRef & {
   snapPoints: string;
@@ -290,26 +478,56 @@ export type RCMenuCloseDetail = {
   reason: 'escape';
 };
 
+export type RCAdaptiveMenuToggleDetail = {
+  open: boolean;
+};
+
+/** 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;
 };
 
 export type RCMenuButtonToggleDetail = {
@@ -318,7 +536,11 @@ export type RCMenuButtonToggleDetail = {
 
 /** 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 = RCMenuButtonToggleDetail;
@@ -344,19 +566,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;
@@ -369,6 +598,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;
 };
 
 export type RCTextareaRef = HTMLElement & {
@@ -379,7 +617,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;
@@ -393,6 +634,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;
 };
 
 export type RCMarkdownEditorFormats = {
@@ -481,6 +759,17 @@ export type RCSliderChangeDetail = {
   value: number;
 };
 
+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';
+};
+
 export type RCRangeSliderRef = HTMLElement & {
   min: number;
   max: number;
@@ -488,12 +777,21 @@ 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;
 };
 
 export type RCRangeSliderChangeDetail = {
@@ -509,8 +807,8 @@ export type RCTransferListOption = {
 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;
@@ -519,6 +817,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;
 };
 
 export type RCTransferListChangeDetail = {
@@ -532,6 +845,7 @@ export type RCAppBarRef = HTMLElement & {
   scrolled: boolean | undefined;
   scrollTarget: Element | Document | Window | string | null;
   scrollThreshold: number;
+  hideDistance: number;
 };
 
 export type RCAppBarScrollDetail = {
@@ -546,11 +860,35 @@ 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;
 };
 
 export type RCSearchBarInputDetail = {
@@ -571,6 +909,43 @@ export type RCSplitterChangeDetail = {
   valueText: string;
 };
 
+export type RCCarouselChangeTrigger = 'api' | 'button' | 'keyboard' | 'swipe';
+
+/** Detail shape for `rc-carousel-change`. */
+export type RCCarouselChangeDetail = {
+  index: number;
+  trigger: RCCarouselChangeTrigger;
+};
+
+/** 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;
+
 export type RCTextareaChangeDetail = {
   value: string;
 };
@@ -587,6 +962,9 @@ declare module 'solid-js' {
     interface IntrinsicElements {
       'rc-disclosure': JSX.HTMLAttributes<RCDisclosureRef> & {
         open?: boolean | string;
+        'default-open'?: boolean | string;
+        'prop:open'?: boolean | undefined;
+        'prop:defaultOpen'?: boolean | undefined;
         'on:rc-disclosure-toggle'?: (e: CustomEvent<RCDisclosureToggleDetail>) => void;
       };
 
@@ -613,10 +991,70 @@ declare module 'solid-js' {
       };
 
       'rc-card': JSX.HTMLAttributes<RCCardRef> & {
+        orientation?: RCCardOrientation;
+        selected?: boolean | string;
+        disabled?: boolean | string;
+        interactive?: boolean | string;
+        'action-target'?: string;
+        'prop:actionTarget'?: string | undefined;
+      };
+
+      'rc-scroller': JSX.HTMLAttributes<RCScrollerRef> & {
+        axis?: RCScrollerAxis;
+        layout?: RCScrollerLayout;
+      };
+
+      'rc-virtual-scroller': JSX.HTMLAttributes<RCVirtualScrollerRef> & {
+        axis?: RCVirtualScrollerAxis;
+        count?: number | string;
+        'item-size'?: number | string;
+        'items-per-line'?: number | string;
+        overscan?: number | string;
+        disabled?: boolean | string;
+        'prop:scrollTarget'?: Element | null | undefined;
+        'on:rc-virtual-scroller-range'?: (e: CustomEvent<RCVirtualScrollerRangeDetail>) => void;
+      };
+
+      'rc-carousel': JSX.HTMLAttributes<RCCarouselRef> & {
+        'prop:messages'?: RCCarouselMessages | undefined;
+        'active-index'?: number | string;
+        defaultActiveIndex?: number | string;
+        'default-active-index'?: number | string;
+        loop?: boolean | string;
+        navigation?: boolean | string;
+        pagination?: boolean | string;
+        mouseDragging?: boolean | string;
+        'mouse-dragging'?: boolean | string;
+        'prop:activeIndex'?: number | undefined;
+        'prop:defaultActiveIndex'?: number | undefined;
+        'on:rc-carousel-change'?: (e: CustomEvent<RCCarouselChangeDetail>) => void;
+      };
+
+      'rc-carousel-item': JSX.HTMLAttributes<RCCarouselItemRef>;
+
+      'rc-list': JSX.HTMLAttributes<RCListRef> & {
+        variant?: RCListVariant;
+        selection?: RCListSelection;
+        ordered?: boolean | string;
+        reorderable?: boolean | string;
+        'prop:reorderMessages'?: RCListReorderMessages | undefined;
+        'on:rc-list-reorder'?: (e: CustomEvent<RCListReorderDetail>) => void;
+      };
+
+      'rc-list-item': JSX.HTMLAttributes<RCListItemRef> & {
         selected?: boolean | string;
         disabled?: boolean | string;
         interactive?: boolean | string;
         'action-target'?: string;
+        'prop:selected'?: boolean | undefined;
+        'prop:disabled'?: boolean | undefined;
+        'prop:interactive'?: boolean | undefined;
+        'prop:actionTarget'?: string | undefined;
+        expanded?: boolean | string;
+        'default-expanded'?: boolean | string;
+        'prop:expanded'?: boolean | undefined;
+        'prop:defaultExpanded'?: boolean | undefined;
+        'on:rc-list-item-toggle'?: (e: CustomEvent<RCListItemToggleDetail>) => void;
       };
 
       'rc-switch': JSX.HTMLAttributes<RCSwitchRef> & {
@@ -656,6 +1094,21 @@ declare module 'solid-js' {
         'on:rc-chip-remove'?: (e: CustomEvent<RCChipRemoveDetail>) => void;
       };
 
+      'rc-chip-group': JSX.HTMLAttributes<RCChipGroupRef> & {
+        'prop:messages'?: RCChipGroupMessages | undefined;
+        layout?: RCChipGroupLayout;
+        'max-rows'?: number | string;
+        kind?: RCChipGroupKind;
+        selection?: RCChipGroupSelection;
+        expanded?: boolean | string;
+        defaultExpanded?: boolean | string;
+        'default-expanded'?: boolean | string;
+        label?: string;
+        'prop:expanded'?: boolean | undefined;
+        'prop:defaultExpanded'?: boolean | undefined;
+        'on:rc-chip-group-toggle'?: (e: CustomEvent<RCChipGroupToggleDetail>) => void;
+      };
+
       'rc-snackbar': JSX.HTMLAttributes<RCSnackbarRef> & {
         open?: boolean | string;
         message?: string;
@@ -670,7 +1123,23 @@ declare module 'solid-js' {
         'on:rc-snackbar-close'?: (e: CustomEvent<RCSnackbarCloseDetail>) => void;
       };
 
+      'rc-popover': JSX.HTMLAttributes<RCPopoverRef> & {
+        open?: boolean | string;
+        'default-open'?: boolean | string;
+        placement?: RCPopoverPlacement;
+        'trigger-action'?: RCPopoverTriggerAction;
+        'open-on-hover'?: boolean | string;
+        'open-on-focus'?: boolean | string;
+        'prop:open'?: boolean | undefined;
+        'on:rc-popover-toggle'?: (e: CustomEvent<RCPopoverToggleDetail>) => void;
+      };
+
+      'rc-tooltip': JSX.HTMLAttributes<RCTooltipRef> & {
+        placement?: RCTooltipPlacement;
+      };
+
       'rc-listbox': JSX.HTMLAttributes<RCListboxRef> & {
+        'prop:messages'?: RCListboxMessages | undefined;
         multiple?: boolean | string;
         checkmark?: boolean | string;
         'filter-strategy'?: 'prefix' | 'contains';
@@ -684,37 +1153,49 @@ declare module 'solid-js' {
       };
 
       'rc-select': JSX.HTMLAttributes<RCSelectRef> & {
+        'prop:messages'?: RCSelectMessages | undefined;
         open?: boolean | string;
         multiple?: boolean | string;
         disabled?: boolean | string;
+        required?: boolean | string;
         placeholder?: string;
         display?: 'auto' | 'chips' | 'compact';
+        'popup-mode'?: 'popover' | 'dialog';
+        'dialog-cancel-button'?: 'visible' | 'hidden';
         value?: RCSelectValue;
         defaultValue?: RCSelectValue;
-        options?: RCSelectOption[];
+        options?: RCListboxOption[];
+        'data-rc-field-control'?: boolean | string;
         'prop:value'?: RCSelectValue | undefined;
         'prop:defaultValue'?: RCSelectValue | undefined;
-        'prop:options'?: RCSelectOption[] | undefined;
+        'prop:options'?: RCListboxOption[] | undefined;
+        'prop:popupMode'?: 'popover' | 'dialog' | undefined;
         'on:rc-select-change'?: (e: CustomEvent<RCSelectChangeDetail>) => void;
         'on:rc-select-open'?: (e: CustomEvent) => void;
         'on:rc-select-close'?: (e: CustomEvent) => void;
       };
 
       'rc-combobox': JSX.HTMLAttributes<RCComboboxRef> & {
+        'prop:messages'?: RCComboboxMessages | undefined;
         open?: boolean | string;
         multiple?: boolean | string;
         disabled?: boolean | string;
+        required?: boolean | string;
         placeholder?: string;
         display?: 'auto' | 'chips' | 'compact';
         'allow-create'?: boolean | string;
         'filter-strategy'?: 'prefix' | 'contains';
+        'popup-mode'?: 'popover' | 'dialog';
+        'dialog-cancel-button'?: 'visible' | 'hidden';
         value?: RCSelectValue;
         defaultValue?: RCSelectValue;
-        options?: RCSelectOption[];
+        options?: RCListboxOption[];
+        'data-rc-field-control'?: boolean | string;
         'prop:value'?: RCSelectValue | undefined;
         'prop:defaultValue'?: RCSelectValue | undefined;
-        'prop:options'?: RCSelectOption[] | undefined;
+        'prop:options'?: RCListboxOption[] | undefined;
         'prop:allowCreate'?: boolean | undefined;
+        'prop:popupMode'?: 'popover' | 'dialog' | undefined;
         'on:rc-select-change'?: (e: CustomEvent<RCSelectChangeDetail>) => void;
         'on:rc-select-open'?: (e: CustomEvent) => void;
         'on:rc-select-close'?: (e: CustomEvent) => void;
@@ -724,10 +1205,10 @@ declare module 'solid-js' {
       'rc-dialog': JSX.HTMLAttributes<RCDialogRef> & {
         open?: boolean | string;
         defaultOpen?: boolean | string;
+        variant?: 'standard' | 'fullscreen' | 'side';
         'prop:open'?: boolean | undefined;
         'prop:defaultOpen'?: boolean | undefined;
         'prop:modal'?: boolean | undefined;
-        'prop:lightDismiss'?: boolean | undefined;
         movable?: boolean | string;
         'move-handle'?: string;
         'move-bounds'?: 'viewport' | 'parent';
@@ -738,7 +1219,6 @@ declare module 'solid-js' {
         'resize-threshold'?: number | string;
         'resize-step'?: number | string;
         'closed-by'?: 'any' | 'closerequest' | 'none';
-        'light-dismiss'?: boolean | string;
         'on:rc-dialog-open'?: (e: CustomEvent) => void;
         'on:rc-dialog-toggle'?: (e: CustomEvent<RCDialogToggleDetail>) => void;
         'on:rc-dialog-close'?: (e: CustomEvent<RCDialogCloseDetail>) => void;
@@ -752,9 +1232,8 @@ declare module 'solid-js' {
         'prop:open'?: boolean | undefined;
         'prop:defaultOpen'?: boolean | undefined;
         'prop:modal'?: boolean | undefined;
-        'prop:lightDismiss'?: boolean | undefined;
         'prop:swipeDismiss'?: boolean | undefined;
-        'light-dismiss'?: boolean | string;
+        'closed-by'?: 'any' | 'closerequest' | 'none';
         resize?: 'none' | 'both' | 'horizontal' | 'vertical';
         'resize-origin'?: RCDialogResizeOrigin;
         'resize-handle'?: string;
@@ -768,6 +1247,9 @@ declare module 'solid-js' {
         'on:rc-dialog-close'?: (e: CustomEvent<RCDialogCloseDetail>) => void;
         'on:rc-dialog-request-close'?: (e: CustomEvent<RCDialogCloseDetail>) => void;
         'on:rc-dialog-cancel'?: (e: CustomEvent) => void;
+        'on:rc-bottom-sheet-resize-start'?: (
+          e: CustomEvent<RCBottomSheetResizeStartDetail>,
+        ) => void;
         'on:rc-bottom-sheet-snap'?: (e: CustomEvent<RCBottomSheetSnapDetail>) => void;
       };
 
@@ -777,6 +1259,18 @@ declare module 'solid-js' {
         'on:rc-menu-close'?: (e: CustomEvent<RCMenuCloseDetail>) => void;
       };
 
+      'rc-adaptive-menu': JSX.HTMLAttributes<RCAdaptiveMenuRef> & {
+        'prop:messages'?: RCAdaptiveMenuMessages | undefined;
+        label?: string;
+        'max-shown'?: number | string;
+        open?: boolean | string;
+        defaultOpen?: boolean | string;
+        'prop:open'?: boolean | undefined;
+        'prop:defaultOpen'?: boolean | undefined;
+        orientation?: 'horizontal' | 'vertical';
+        'on:rc-adaptive-menu-toggle'?: (e: CustomEvent<RCAdaptiveMenuToggleDetail>) => void;
+      };
+
       'rc-menu-button': JSX.HTMLAttributes<RCMenuButtonRef> & {
         open?: boolean | string;
         defaultOpen?: boolean | string;
@@ -784,6 +1278,7 @@ declare module 'solid-js' {
         'prop:defaultOpen'?: boolean | undefined;
         orientation?: 'horizontal' | 'vertical';
         placement?: RCMenuButtonPlacement;
+        'icon-only'?: boolean | string;
         'on:rc-menu-button-toggle'?: (e: CustomEvent<RCMenuButtonToggleDetail>) => void;
       };
 
@@ -793,7 +1288,12 @@ declare module 'solid-js' {
         'prop:open'?: boolean | undefined;
         'prop:defaultOpen'?: boolean | undefined;
         placement?: RCMenuButtonPlacement;
-        position?: 'bottom-end' | 'bottom-start' | 'top-end' | 'top-start' | string;
+        position?:
+          | 'block-end-inline-end'
+          | 'block-end-inline-start'
+          | 'block-start-inline-end'
+          | 'block-start-inline-start'
+          | string;
         'on:rc-fab-menu-toggle'?: (e: CustomEvent<RCFabMenuToggleDetail>) => void;
       };
 
@@ -813,13 +1313,14 @@ declare module 'solid-js' {
       };
 
       'rc-menubar': JSX.HTMLAttributes<RCMenubarRef> & {
+        'prop:messages'?: RCMenubarMessages | undefined;
         label?: string;
         orientation?: 'horizontal' | 'vertical';
       };
 
       'rc-toolbar': JSX.HTMLAttributes<RCToolbarRef> & {
         label?: string;
-        orientation?: string;
+        orientation?: 'horizontal' | 'vertical';
       };
 
       'rc-slider': JSX.HTMLAttributes<RCSliderRef> & {
@@ -840,13 +1341,29 @@ declare module 'solid-js' {
         'on:rc-slider-change'?: (e: CustomEvent<RCSliderChangeDetail>) => void;
       };
 
+      'rc-progress': JSX.HTMLAttributes<RCProgressRef> & {
+        value?: number | string;
+        defaultValue?: number | string;
+        'default-value'?: number | string;
+        'prop:value'?: number | undefined;
+        'prop:defaultValue'?: number | undefined;
+        indeterminate?: boolean | string;
+        disabled?: boolean | string;
+        display?: 'inline-start' | 'inline-end' | 'overlay';
+        'value-text'?: string;
+        orientation?: 'horizontal' | 'vertical';
+        'on:rc-progress-complete'?: (e: CustomEvent<Record<string, never>>) => void;
+      };
+
       'rc-range-slider': JSX.HTMLAttributes<RCRangeSliderRef> & {
+        'prop:messages'?: RCRangeSliderMessages | undefined;
         min?: number | string;
         max?: number | string;
         step?: number | string;
         'prop:value'?: [number, number] | undefined;
         'prop:defaultValue'?: [number, number] | undefined;
         disabled?: boolean | string;
+        readonly?: boolean | string;
         'low-label'?: string;
         'high-label'?: string;
         'low-value-text'?: string;
@@ -858,6 +1375,7 @@ declare module 'solid-js' {
       };
 
       'rc-transfer-list': JSX.HTMLAttributes<RCTransferListRef> & {
+        'prop:messages'?: RCTransferListMessages | undefined;
         multiple?: boolean | string;
         compact?: boolean | string;
         'available-label'?: string;
@@ -870,6 +1388,7 @@ declare module 'solid-js' {
       };
 
       'rc-splitter': JSX.HTMLAttributes<RCSplitterRef> & {
+        'prop:messages'?: RCSplitterMessages | undefined;
         label?: string;
         orientation?: 'horizontal' | 'vertical';
         mode?: 'length' | 'percent' | 'fixed';
@@ -889,11 +1408,12 @@ declare module 'solid-js' {
       };
 
       'rc-editor-toolbar': JSX.HTMLAttributes<HTMLElement> & {
-        label?: string;
+        'prop:messages'?: RCEditorToolbarMessages | undefined;
         'on:rc-toolbar-action'?: (e: CustomEvent<{ action: string }>) => void;
       };
 
       'rc-markdown-editor': JSX.HTMLAttributes<RCMarkdownEditorRef> & {
+        'prop:messages'?: RCMarkdownEditorMessages | undefined;
         value?: string;
         defaultValue?: string;
         'default-value'?: string;
@@ -911,7 +1431,12 @@ declare module 'solid-js' {
       };
 
       'rc-fab': JSX.HTMLAttributes<HTMLElement> & {
-        position?: 'bottom-end' | 'bottom-start' | 'top-end' | 'top-start' | string;
+        position?:
+          | 'block-end-inline-end'
+          | 'block-end-inline-start'
+          | 'block-start-inline-end'
+          | 'block-start-inline-start'
+          | string;
         'scroll-reveal'?: boolean | string;
       };
 
@@ -920,19 +1445,23 @@ declare module 'solid-js' {
         'scroll-behavior'?: 'pinned' | 'collapse' | 'hide';
         'scroll-target'?: string;
         'scroll-threshold'?: number | string;
+        'hide-distance'?: number | string;
         'prop:scrolled'?: boolean | undefined;
         'prop:scrollTarget'?: Element | Document | Window | string | null;
         'on:rc-app-bar-scroll'?: (e: CustomEvent<RCAppBarScrollDetail>) => void;
       };
 
       'rc-search-bar': JSX.HTMLAttributes<RCSearchBarRef> & {
+        'prop:messages'?: RCSearchBarMessages | undefined;
         variant?: 'bar' | 'view';
         open?: boolean | string;
         defaultOpen?: boolean | string;
         'prop:open'?: boolean | undefined;
         'prop:defaultOpen'?: boolean | undefined;
         debounce?: number | string;
-        'clear-label'?: string;
+        'allow-native-clear'?: boolean | string;
+        'show-clear-on-focus'?: boolean | string;
+        disabled?: boolean | string;
         placeholder?: string;
         'default-value'?: string;
         'prop:value'?: string | undefined;
@@ -945,6 +1474,11 @@ declare module 'solid-js' {
         ) => void;
       };
 
+      'rc-field': JSX.HTMLAttributes<RCFieldRef> & {
+        counter?: boolean | string;
+        invalid?: boolean | string;
+      };
+
       'rc-virtual-canvas': JSX.HTMLAttributes<RCVirtualCanvasRef> & {
         contentWidth?: number | string;
         contentHeight?: number | string;
@@ -966,7 +1500,7 @@ declare module 'solid-js' {
         gutter?: boolean | string;
         'word-wrap'?: boolean | string;
         'auto-grow'?: boolean | string;
-        'read-only'?: boolean | string;
+        'line-direction'?: 'auto' | 'base';
         'on:rc-textarea-change'?: (e: CustomEvent<RCTextareaChangeDetail>) => void;
         'on:rc-textarea-focus'?: (e: CustomEvent) => void;
         'on:rc-textarea-blur'?: (e: CustomEvent) => void;